小编Klu*_*izz的帖子

Ant 设计输入组件不更新值

我尝试从后端获取值并将结果附加到输入字段值,但不会更新。

目前我使用 Ant Design Forms,如果输入字段移出 Form 它可以工作。

import { version, Input, Form } from "antd";

function View() {
      const [LegalName, setLegalName] = useState("");

    useEffect(() => {
        axios
          .get("/afterlogin/OrgFullPictureGet/3", config)
          .then(response => {
            setLegalName(response.data.name);

          })
          .catch(error => {
            // console.log(error.response.data.errors);
          });
      }, []);

      const onFinish = values => {
        //onFinish logic here
        console.log(values);
      };
      return (
        <div className="App">
          <Form name="nest-messages" onFinish={onFinish}>
            <Form.Item
              name={["user", "LegalName"]}
              label={<span>Legal Name</span>}

            >
              <Input
                placeholder={"Your business legal name"}
                value={LegalName}
                onChange={e => setLegalName(e.target.value)}
              />
            </Form.Item>
          </Form>


        </div>
      ); …
Run Code Online (Sandbox Code Playgroud)

reactjs antd

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

标签 统计

antd ×1

reactjs ×1