antd中Transfer穿梭框问题 前端

Question

在输入框输入key的值进行搜索时，明明数据是查找到了，就是不显示出来，勾选上就自动显示出来，不知道是什么原因，求解

<Transfer
    dataSource={mockData}//mockData是根据页面下拉选项来显示不同数据，难道是这个原因导致的么？
    listStyle={{width: 300, height: 300}}
    showSearch
    filterOption={this.filterOption}
    targetKeys={targetKeys}
    onChange={this.handleChange}
    render={item => item.title}
    footer={this.renderFooter}
/>

Answer 1

antd 版本问题

Answer 2

Transfer 默认使用了 react-lazy-load 优化性能，可以通过设置 lazy={false} 关闭懒加载。
<Transfer lazy={false} />