亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

解決ant Design Search無(wú)法輸入內(nèi)容的問(wèn)題

 更新時(shí)間：2020年10月29日 09:18:05   作者：smile&$  
這篇文章主要介紹了解決ant Design Search無(wú)法輸入內(nèi)容的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

我的問(wèn)題：今天先根據(jù)手機(jī)號(hào)查詢一個(gè)用戶，根據(jù)文檔引用Input中的Search，我添加了一個(gè)樣式，發(fā)現(xiàn)輸入框無(wú)法輸入內(nèi)容，

代碼：

 return (
   <div>    
     <Search
     style={{ width: 300, float: "right" }}
     placeholder="手機(jī)號(hào)"
     onSearch={value => this.findAppUserByPhoneNo(value)}
     onChange={this.onChangePhoneNo}
     value={searchText}
     enterButton
    />
    <Table .../>
    <Pagination .../>
</div>

效果圖：鼠標(biāo)點(diǎn)擊白色輸入框無(wú)法沒(méi)有反應(yīng)，無(wú)法輸入內(nèi)容，點(diǎn)擊藍(lán)色部分可以輸入，但是這樣的客戶體驗(yàn)不好

解決辦法：

在搜索框的前面添加一個(gè)東西，例如一個(gè)button或者span標(biāo)簽；個(gè)人覺得原因是：是受float:"right"影響 ，大家有不同意見的告訴我！

render(
  <div>
    <Button type="primary" onClick={this.userFilter}>
     全部用戶
    </Button>
    <span style={{ marginLeft: 20, color: "#1890FF" }}>總?cè)藬?shù):{total}</span>
         <Search
     style={{ width: 300, float: "right" }}
     placeholder="手機(jī)號(hào)"
     onSearch={value => this.findAppUserByPhoneNo(value)}
     onChange={this.onChangePhoneNo}
     value={searchText}
     enterButton
    />
    <Table .../>
    <Pagination .../>
  </div>
)

效果：

補(bǔ)充知識(shí)：Antd form表單中input失效，無(wú)法輸入字符串，只能輸入單個(gè)字符

問(wèn)題描述

刪掉{getFieldDecorator(name, {})這一段 表框可以正常輸入。

解決辦法

檢查form表單或者父節(jié)點(diǎn)是否使用了 key=Math.random() 之類給組件添加唯一值的代碼。

以上這篇解決ant Design Search無(wú)法輸入內(nèi)容的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論