react hooks antd Design里input的值变化不更新
代码描述:<Form.Item label="用户名称" name="actionObj"><Input placeholder="请搜索用户名称"onChange={(e) => {setUserName(e.target.value);}}
·
代码描述:
<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"去掉就行了
更多推荐
所有评论(0)