Как установить значение для поля выбора материала?

Question

Я использую UI материала. Выберите поле года. Я хотел бы установить год по умолчанию на основе значения в штате. Я заполняю годы на основе массива года.

Ниже приведен метод, который используется для создания массива года, который я вызываю в методе компонента mount: -

updateYear = () => {
    var start = 1950;
    var end = new Date().getFullYear() - 20;
    var yearValue = [];
    for (var year = start; year <= end; year++) {
        yearValue.push({ key: year, text: year, value: year });
    }
    console.log("yearValue", yearValue);
    this.setState({ yearValue: yearValue });
};

Это код для выбора пользовательского интерфейса материала: -

<Select
    value={this.state.year}
    onChange={this.handleChange_year}
    inputProps={{
        name: "year",
        id: "year"
    }}
>
{this.state.yearValue &&
    this.state.yearValue.map(year => {
    return <MenuItem value={year.value}>{year.value}</MenuItem>;
})}
</Select>

Любая помощь или предложение приветствуется. Спасибо.

Answer 1

Может быть, вы можете попробовать это:

Чтобы установить значение по умолчанию, в компоненте монтирование вы можете добавить: this.setState({ year: yearValue[0].value })

затем отредактируйте метод handleChange_year:

handleChange_year = (event) => {
    this.setState({ year: event.target.value })
}