代码之家  ›  专栏  ›  技术社区  ›  Ricks

使用不同的键进行搜索,而不是在reactJS的react select中使用值或标签

  •  6
  • Ricks  · 技术社区  · 8 年前

    我指的是这个链接 https://github.com/JedWatson/react-select .

    label value 中相应对象的关键帧 options 我的问题是,我没有 标签 价值 在我的 选项 我有不同的钥匙。 我想用不同的键搜索下拉列表 tab .

    • 我的React版本:15.6.2
    • 反应选择版本:1.0.0-rc。10

    <Select
       name="selectSubTag"
       id="selectSubTag"
       value={this.state.selectedFilter.subTag}
       options={this.state.jobSubTags}
       onChange={this.setSubTag}
       placeholder="Select Sub Tag"/>
    

    我的 选项 数据如下所示:

        this.state.jobSubTags = [
    {tab:"tabName 1",tabValue:1},
    {tab:"tabName 2",tabValue:2},
    {tab:"tabName 3",tabValue:3},
    ]
    

    现在我想通过下拉菜单中的“tab”键搜索数据。

    3 回复  |  直到 8 年前
        1
  •  38
  •   Sargis Isoyan    6 年前

    您可以使用 getOptionLabel getOptionValue

     <Select
       name="selectSubTag"
       id="selectSubTag"
       value={this.state.selectedFilter.subTag}
       options={this.state.jobSubTags}
       getOptionLabel ={(option)=>option.tab}
       getOptionValue ={(option)=>option.tabValue}
       onChange={this.setSubTag}
       placeholder="Select Sub Tag"/>
    
        2
  •  5
  •   Elias Ghali    8 年前

    默认情况下 react-select 搜索范围 value label 价值 标签 键等于 tab 键或 tabValue 键,它将搜索所有项,但请记住,对于显示 反应选择 显示 标签 关键内容

        3
  •  0
  •   Mawaheb    8 年前

    你试过filterProp=“tab”和matchProp=“label”吗?