W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
搜索框( SearchBox )用于提示用戶輸入搜索值。它可以結(jié)合一個(gè)菜單,允許用戶選擇不同的搜索類別。當(dāng)用戶按下 ENTER 鍵或者點(diǎn)擊組件右側(cè)的搜索按鈕時(shí),搜索動(dòng)作將被執(zhí)行。
名稱 | 數(shù)據(jù)類型 | 作用描述 | 默認(rèn)值 |
---|---|---|---|
value | string | 搜索字段值。 | null |
category | string | 從菜單項(xiàng)檢索類別值。 | null |
categories | array | 搜索類別條項(xiàng)。 | [ ] |
menuAlign | string | 菜單對(duì)齊。可選值:'left', 'right'。 | left |
buttonAlign | string | 搜索按鈕對(duì)齊,可選值:'left', 'right'。 | right |
buttonlconcls | string | 搜索按鈕圖標(biāo)樣式類。 | icon-search |
名稱 | 參數(shù) | 作用描述 |
---|---|---|
onSearch | {value, category} | 搜索時(shí)觸發(fā)。 |
注:
- 繼承: InputBase 。
<SearchBox
style={{ width: 300 }}
placeholder="Input something here"
value={value}
onSearch={this.handleSearch.bind(this)}
addonRight={() => (
<span className="textbox-icon icon-clear" title="Clear value" onClick={this.handleClear.bind(this)}></span>
)}
/>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: