我在我的React应用程序中使用react-select作为可搜索的下拉列表。我指的是此链接https://github.com/JedWatson/react-select。
在下拉选项结构中,它需要label和value键入中的相应对象options。我的问题是,我没有任何label或value在我的options数据。我总共有不同的键。我希望通过其他键搜索下拉菜单tab。
我的下拉代码:
<Select
name="selectSubTag"
id="selectSubTag"
value={this.state.selectedFilter.subTag}
options={this.state.jobSubTags}
onChange={this.setSubTag}
placeholder="Select Sub Tag"/>
Run Code Online (Sandbox Code Playgroud)
我的options数据如下所示:
this.state.jobSubTags = [
{tab:"tabName 1",tabValue:1},
{tab:"tabName 2",tabValue:2},
{tab:"tabName 3",tabValue:3},
]
Run Code Online (Sandbox Code Playgroud)
现在我希望通过下拉菜单中的“ tab”键搜索数据。
我最近16.2.0从 react升级到 react15.6.2
现在我的应用程序没有按预期工作,并且对 react 的依赖项有很多警告15.6.2
所以对我来说,16.2.0.由于时间安排,现在不可能将所有其他依赖项升级到。因此我想降级以做出反应15.6.2
我运行以下命令再次安装 react 15.6.2:
npm install react@^15.6.2
Run Code Online (Sandbox Code Playgroud)
我收到以下错误:
+-- UNMET PEER DEPENDENCY react@15.6.2 invalid
`-- UNMET PEER DEPENDENCY react-dom@16.2.0
Run Code Online (Sandbox Code Playgroud)
当我将 package.json 更新为 时"react": "^15.6.2",出现以下错误:
npm ERR! Linux 3.13.0-36-generic
npm ERR! argv "/home/rakesh/.nvm/versions/node/v6.9.4/bin/node" "/home/rakesh/.nvm/versions/node/v6.9.4/bin/npm" "install"
npm ERR! node v6.9.4
npm ERR! npm v3.10.10
npm ERR! code EBADPLATFORM
npm ERR! notsup Unsupported platform for fsevents@1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm ERR! notsup Valid OS: darwin
npm ERR! …Run Code Online (Sandbox Code Playgroud)