react-selectがidを設定できません

Question

react-selectコンポーネントがあり、idフィールドが設定されていませんか？ IDを設定することは可能ですか？

<Select 
    id={field} 
    className="reqform-project-dropdown" 
    {...f.props(field)} 
    disabled={ 
     readOnly || 
     onEdit || 
     f.props(field).read_only 
    } 
    clearable={false} 
    options={this.props.common.tests} 
    onChange={this.handleProjChange.bind(this, field, 
     f.props(field).multiple, 
     'test_req_unique_prefix')} 
    labelKey="test_name" 
    valueKey="test_req_unique_prefix" 
/> 

私は親divのIDを設定することに頼っていましたが、選択肢のために直接行うことはできません。

Answer 1

あなたは、ドキュメントのようにinputProps小道具を使用することができます。

対応するラベルをクリックしたときにフォーカスが合っている場合は、idをinputPropsに渡すと効果があります。

<label htmlFor={'fieldId'} /> 
<Select inputProps={{ id: 'fieldId' }} /> // should be an object 

Answer 2

docsにid属性を設定することについて何も表示されませんでしたが、refを使用して、DOM要素の説明を取得してこのオブジェクトに追加できます。

class App extends React.Component { 
    componentDidMount() { 
    this.select.wrapper.id = "myId"; 
    } 

    render() { 
    return (
     <div> 
     <Select 
      ref={ref => { this.select = ref; }} 
     /> 
     </div> 
    ); 
    } 
}