代码描述:

               <Form.Item label="用户名称" name="actionObj">
                    <Input placeholder="请搜索用户名称"
                      onChange={(e) => {
                        setUserName(e.target.value);
                      }}
                      value={userName}
                      />
                  </Form.Item>
  <Button   onClick={ () => {setUserName(""); } } >置空</Button>

问题:点击置空按钮,改变userName值为空后,input输入框里的内容没有更新。

解决办法:查阅了ant design的官方文档,发现自己的这个input标签是被嵌套在Form.Item里面的。
在这里插入图片描述

根据文档描述,把name="actionObj"去掉就行了

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐