react hooks antd Design里input的值变化不更新

代码描述：

               <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"去掉就行了