reactjs - 值未在反应 js 中初始化

Question

我有一个表单，我在其中设置每个输入的默认值。初始值在 之前设置useEffect：

  const [text, setText] = useState({ note: "", gender: "" });
  useEffect(() => {
    setText({
      note: "2",
      gender: "demo"
    });
  }, []);

之后，我以这种方式设置表单的默认值：

<Form
      initialValues={{ note: text.note, gender: text.gender }} //default values
      {...layout}
      form={form}
      name="control-hooks"
      onFinish={onFinish}
    >

问题是我可以获取输入中的值，可能它们无法设置为默认值。如何解决这个问题？

链接到我的应用程序：https ://codesandbox.io/s/form-methods-ant-design-demo-kbwgk

标签： reactjs

Answer 1

你应该设置里面useState：

useState({ note: "2", gender: "demo" })

如果您设置内部 useEffect 表单将已经使用来自 useState 的空值进行初始化

https://codesandbox.io/s/form-methods-ant-design-demo-whq5v