javascript - Prop `aria-activedescendant` 不匹配。 react 选择

Question

我最近使用了 react-select，它给我一个错误:

Proparia-activedescendant不匹配

我只是将示例复制并粘贴到 github 页面中，它运行良好，但出现此错误警告。

这是我的代码

<Select
   name={this.props.name}
   value={this.state.selectedOption}
   onChange={this.handleChange}
   options={[
     { value: 'one', label: 'One' },
     { value: 'two', label: 'Two' },
   ]}
 />

Answer 1

看了源码才发现如果不传prop instanceId react-select 会生成一个新的。因此，为了摆脱警告，请传递 prop。

<Select
   name={this.props.name}
   instanceId={this.props.name}
   value={this.state.selectedOption}
   onChange={this.handleChange}
   options={[
     { value: 'one', label: 'One' },
     { value: 'two', label: 'Two' },
   ]}
 />