搜索框与state一个值双向绑定
<Input
name='username' // 为输入框添加一个name值
placeholder="商品名"
style={{ width: '300px', float: 'left' }}
onChange={this.selectNanme} // 输入框改变触发事件
/>
// 改变事件
selectNanme = (e) => {
this.setState({
SelectName: e.target.value // state值=e（监视时间）.target.value
})
}
// 点击搜索后给服务器发送请求
<Button shape="circle"
icon={<SearchOutlined />}
size='small'
style={{ float: 'left', marginLeft: '10px', marginTop: '5px' }}
onClick={this.SelectBut.bind(this)} // 点击事件 发送请求
/>
SelectBut() {
this.props.Txts.TxtSearch(this.state.SelectName).then((data) => {
this.setState({
TxtList:data.data.data, // 改变显示表格的值
Count:data.data.count // 改变页码总条数
})
})
}
React+antd 搜索栏
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
