ant design TreeSelect支持搜索,切换value和title属性

解决

<TreeSelect
  showSearch
  style={{ width: 300 }}
  dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
  treeData={treeData}   // 后端返回的json数据,渲染页面
  placeholder="请输入"
  onChange={() => this.onChange}
  treeNodeFilterProp="title"  // 官网解释说,输入项过滤对应的 treeNode 属性,默认是’value‘,
  而我们的value可能是number,搜索就会出错;我们设置成title,搜索就改成了我们的文字搜索。
/>

默认属性解决办法就是treeNodeFilterProp切换title和value过滤搜索。扩展treeNodeLabelProp属性,作为显示的 prop 设置,默认是title,选中下拉选项,展示title,或者value。

你可能感兴趣的:(react,ant,design)