我想在React JSX中创建年份列表
我有Jquery的代码,请在下面查看。
var minOffset = 0, maxOffset = 60; // Change to whatever you want
var thisYear = (new Date()).getFullYear();
var select = $('<select>');
for (var i = minOffset; i <= maxOffset; i++) {
var year = thisYear - i;
$('<option>', {value: year, text: year}).appendTo(select);
}
select.appendTo('body');
http://jsfiddle.net/DhpBg/739/
最佳答案
首先,生成数组中所有所需的年份
const year = (new Date()).getFullYear();
const years = Array.from(new Array(20),( val, index) => index + year);
年满后,可以遍历数组并将其列出在
select
控件中。考虑以下代码片段
constructor(props){
super(props);
const year = (new Date()).getFullYear();
this.years = Array.from(new Array(20),(val, index) => index + year);
}
render() {
return(
...
<select>
{
this.years.map((year, index) => {
return <option key={`year${index}`} value={year}>{year}</option>
})
}
</select>
...
);
}
希望这会有所帮助!