没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
试读
2页
我的问题:今天先根据手机号查询一个用户,根据文档引用Input中的Search,我添加了一个样式,发现输入框无法输入内容, 代码: return ( <div> <Search xss=removed placeholder=手机号 xss=removed> this.findAppUserByPhoneNo(value)} onChange={this.onChangePhoneNo} value={searchText} enterButto
资源详情
资源评论
资源推荐
解决解决ant Design Search无法输入内容的问题无法输入内容的问题
我的问题:今天先根据手机号查询一个用户,根据文档引用Input中的Search,我添加了一个样式,发现输入框无法输入内
容,
代码:代码:
return (
<div>
<Search
style={{ width: 300, float: "right" }}
placeholder="手机号"
onSearch={value => this.findAppUserByPhoneNo(value)}
onChange={this.onChangePhoneNo}
value={searchText}
enterButton
/>
<Table .../>
<Pagination .../>
</div>
效果图:鼠标点击白色输入框无法没有反应,无法输入内容,点击蓝色部分可以输入,但是这样的客户体验不好
解决办法:解决办法:
在搜索框的前面添加一个东西,例如一个button或者span标签;个人觉得原因是:是受float:”right”影响 ,大家有不同意见的告
诉我!
render(
<div>
<Button type="primary" onClick={this.userFilter}>
全部用户
</Button>
<span style={{ marginLeft: 20, color: "#1890FF" }}>总人数:{total}</span>
<Search
style={{ width: 300, float: "right" }}
placeholder="手机号"
onSearch={value => this.findAppUserByPhoneNo(value)}
onChange={this.onChangePhoneNo}
value={searchText}
enterButton
/>
<Table .../>
<Pagination .../>
</div>
)
效果:
补充知识:补充知识:Antd form表单中表单中input失效,无法输入字符串,只能输入单个字符失效,无法输入字符串,只能输入单个字符
问题描述问题描述
weixin_38655484
- 粉丝: 4
- 资源: 909
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论1