react-select가 id를 설정할 수 없음

Question

반응 선택 구성 요소가 있고 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> 
    ); 
    } 
}