[Material UI] Select Field의 각 MenuItem에 사용자 지정 데이터 속성을 설정하는 방법

dataSet 설정

  render() {
    return (
      <div>
        <SelectField
          floatingLabelText="Frequency"
          value={this.state.value}
          onChange={this.handleChange}
        >
          <MenuItem value={1} primaryText="Never" data-v={example} />
          <MenuItem value={2} primaryText="Every Night" data-v={example} />
          <MenuItem value={3} primaryText="Weeknights" data-v={example} />
          <MenuItem value={4} primaryText="Weekends" data-v={example} />
          <MenuItem value={5} primaryText="Weekly" data-v={example} />
        </SelectField>
      </div>
    );
  }

dataSet 얻기

  handleChange(event, index, value) {
    const dataSet = event.target.parentElement.parentElement.parentElement.dataset.id != undefined ? event.target.parentElement.parentElement.parentElement.dataset : event.target.parentElement.parentElement.dataset;

    console.log(dataSet.v)
  }

event 로부터 dataSet 를 취득할 때의 주의점