首页 >> js开发 >> js解决ant Design Search无法输入内容的问题js大全
js解决ant Design Search无法输入内容的问题js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
我的问题：今天先根据手机号查询一个用户，根据文档引用Input中的Search，我添加了一个样式，发现输入框无法输入内容，代码：代码：
return (
style={{ width: 300, float: "right" }}
placeholder="手机号"
onSearch={value => this.findAppUserByPhoneNo(value)}
onChange={this.onChangePhoneNo}
value={searchText}
enterButton
/>
return (
style={{ width: 300, float: "right" }}
placeholder="手机号"
onSearch={value => this.findAppUserByPhoneNo(value)}
onChange={this.onChangePhoneNo}
value={searchText}
enterButton
/>
render(
总人数:{total}
style={{ width: 300, float: "right" }}
placeholder="手机号"
onSearch={value => this.findAppUserByPhoneNo(value)}
onChange={this.onChangePhoneNo}
value={searchText}
enterButton
/>
)
render(
总人数:{total}
style={{ width: 300, float: "right" }}
placeholder="手机号"
onSearch={value => this.findAppUserByPhoneNo(value)}
onChange={this.onChangePhoneNo}
value={searchText}
enterButton
/>
)效果：补充知识：Antd form表单中input失效，无法输入字符串，只能输入单个字符补充知识：补充知识：Antd form表单中input失效，无法输入字符串，只能输入单个字符问题描述问题描述删掉{getFieldDecorator(name, {})这一段 表框可以正常输入。解决办法解决办法解决办法检查form表单或者父节点是否使用了 key=Math.random() 之类给组件添加唯一值的代码。以上这篇解决ant Design Search无法输入内容的问题就是小编分享给大家的全部内容了，希望能给大家一个参考。
return (
style={{ width: 300, float: "right" }}
placeholder="手机号"
onSearch={value => this.findAppUserByPhoneNo(value)}
onChange={this.onChangePhoneNo}
value={searchText}
enterButton
/>
return (
style={{ width: 300, float: "right" }}
placeholder="手机号"
onSearch={value => this.findAppUserByPhoneNo(value)}
onChange={this.onChangePhoneNo}
value={searchText}
enterButton
/>
render(
总人数:{total}
style={{ width: 300, float: "right" }}
placeholder="手机号"
onSearch={value => this.findAppUserByPhoneNo(value)}
onChange={this.onChangePhoneNo}
value={searchText}
enterButton
/>
)
render(
总人数:{total}
style={{ width: 300, float: "right" }}
placeholder="手机号"
onSearch={value => this.findAppUserByPhoneNo(value)}
onChange={this.onChangePhoneNo}
value={searchText}
enterButton
/>
)效果：补充知识：Antd form表单中input失效，无法输入字符串，只能输入单个字符补充知识：补充知识：Antd form表单中input失效，无法输入字符串，只能输入单个字符问题描述问题描述删掉{getFieldDecorator(name, {})这一段 表框可以正常输入。解决办法解决办法解决办法检查form表单或者父节点是否使用了 key=Math.random() 之类给组件添加唯一值的代码。以上这篇解决ant Design Search无法输入内容的问题就是小编分享给大家的全部内容了，希望能给大家一个参考。
刚刚发布热门点击发布时间
- [02/23]chrome 浏览器插件外包:定制您的专属Chrome插件！专业外包团队助您轻松实现创意！
- [02/23]专业电脑浏览器插件外包服务，助力企业数字化转型！
- [02/23]解放双手，效率翻倍！Chrome插件前端自动化外包服务，助您轻松实现业务流程自动化！
- [02/23]定制您的专属Chrome插件！专业外包团队助您轻松实现创意！
- [02/23]Chrome插件外包：为你的浏览器赋能，开启无限可能
- [09/06]node js 调用kimi 接口批量生成网页
- [07/21]Node.js数据采集外包服务-数据采集专家-用Node.js释放数据的力量
- [07/21]专业前端开发-从PSD到响应式网页的无缝转换
- [07/18]专业Chrome插件开发- 为您的业务插上翅膀
- [07/18]智能数据抓取 -浏览器插件接口抓取服务外包
- [07/17]vue3 setup 监听url变化
- [07/17]git 回滚到指定 commit
- [07/15]浏览器插件使用场景:浏览器插件在数据抓取方面的使用场景非常广泛
- [07/15]Chrome 浏览器插件的使用场景
- [07/15]Chrome 浏览器插件开发的特点
