小编jih*_*fan的帖子

如何使用ant design动态生成选择组件的选项

我正在使用 ant design 和 React 来生成一个可编辑的表,其中包含一个选择选项,我将使用钩子(figbird)获取选择选项,这将需要一些时间来获取,但选择将呈现其中没有选项的情况。我试图将数据(选项数组)置于这样的状态中

const lines = useFind("lines");
let [lineNumber, setLineNumber] = useState();
const options = {
    lines: [],
  };

  if (lines.error) return "Failed to load resource Machine Status";
  if (lines.status === "loading") {
    options.lines[0] = {};
    setLineNumber[0] = { value: "loading" };
  } else {
    let arr = lines.data.map((line, i) => {
      console.log(i, line);
      options.lines[i] = {};
      return { value: line.line_number };
    });
    setLineNumber = arr;
  }
Run Code Online (Sandbox Code Playgroud)

然后渲染我的表格并选择其中的组件

     <Formik
          initialValues={{ machine_name: "", password: "", remember: false }} …
Run Code Online (Sandbox Code Playgroud)

reactjs antd

7
推荐指数
1
解决办法
9869
查看次数

ant design 工具提示显示滚动条

当我使用工具提示组件时,我在项目中使用 Ant Design 和 React,并将鼠标悬停在元素上,工具提示出现,滚动条持续半秒然后消失。正如您在此视频中看到的https://youtu.be/Tyg61JVDgRc

有人知道为什么吗?

reactjs

2
推荐指数
1
解决办法
1193
查看次数

标签 统计

reactjs ×2

antd ×1