我正在使用 Material UI 选择年份字段。我想根据该州的值设置默认年份。我根据年份数组填充年份。
以下是用于创建年份数组的方法,我在组件挂载中调用此方法:-
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 });
};
这是我的 Material UI 选择的代码:-
<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>
如有任何帮助或建议,我们将不胜感激。谢谢。
最佳答案
也许你可以试试这个:
要设置默认值,在组件挂载中您可以添加:
this.setState({ 年:yearValue[0].value })
然后,编辑handleChange_year方法:
handleChange_year = (event) => {
this.setState({ year: event.target.value })
}
关于javascript - 如何为 Material ui 选择字段设置值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54069601/