欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

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

代碼：

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

效果圖：鼠標點擊白色輸入框無法沒有反應(yīng)，無法輸入內(nèi)容，點擊藍色部分可以輸入，但是這樣的客戶體驗不好

解決辦法：

在搜索框的前面添加一個東西，例如一個button或者span標簽；個人覺得原因是：是受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="手機號"
     onSearch={value => this.findAppUserByPhoneNo(value)}
     onChange={this.onChangePhoneNo}
     value={searchText}
     enterButton
    />
    <Table .../>
    <Pagination .../>
  </div>
)

效果：

補充知識：Antd form表單中input失效，無法輸入字符串，只能輸入單個字符

問題描述

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

解決辦法

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

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

相關(guān)文章

最新評論