搜索框與state一個值雙向綁定
<Input
name='username' // 為輸入框添加一個name值
placeholder="商品名"
style={{ width: '300px', float: 'left' }}
onChange={this.selectNanme} // 輸入框改變觸發(fā)事件
/>
// 改變事件
selectNanme = (e) => {
this.setState({
SelectName: e.target.value // state值=e（監(jiān)視時間）.target.value
})
}
// 點擊搜索后給服務(wù)器發(fā)送請求
<Button shape="circle"
icon={<SearchOutlined />}
size='small'
style={{ float: 'left', marginLeft: '10px', marginTop: '5px' }}
onClick={this.SelectBut.bind(this)} // 點擊事件 發(fā)送請求
/>
SelectBut() {
this.props.Txts.TxtSearch(this.state.SelectName).then((data) => {
this.setState({
TxtList:data.data.data, // 改變顯示表格的值
Count:data.data.count // 改變頁碼總條數(shù)
})
})
}
React+antd 搜索欄
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門景鼠，熙熙樓的掌柜王于貴愁眉苦臉地迎上來仲翎，“玉大人，你說我怎么就攤上這事铛漓∷菹悖” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵浓恶，是天一觀的道長玫坛。 經(jīng)常有香客問我，道長包晰，這世上最難降的妖魔是什么湿镀？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮伐憾，結(jié)果婚禮上勉痴，老公的妹妹穿的比我還像新娘。我一直安慰自己塞耕，他們只是感情好蚀腿，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著扫外，像睡著了一般莉钙。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上筛谚，一...
- 文/蒼蘭香墨 我猛地睜開眼颅停，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了掠拳？” 一聲冷哼從身側(cè)響起癞揉，我...
- 正文 年R本政府宣布宿礁，位于F島的核電站案铺，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏梆靖。R本人自食惡果不足惜控汉，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望返吻。 院中可真熱鬧姑子，春花似錦、人聲如沸测僵。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽捍靠。三九已至沐旨，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間榨婆，已是汗流浹背磁携。 一陣腳步聲響...
