Estou usando o react-select
para fazer um select no projeto React.
Eu preciso retornar os últimos 5 anos.
E depois popular o options={}
do Select.
Só que ele tá pegando apenas o ultimo ano, no caso o 2020, mas não tá trazendo a lista inteira, que seria: 2020,2019,2018,2017,2016
const getOptions = () => {
const years = [];
for (let i = 0; i < 5; i++) {
years.push(new Date().getFullYear() - i);
}
for (let valor of years) {
console.log(valor);
const anos = [
{
value: valor,
label: valor
}
];
console.log("years", years);
console.log("anos", anos);
return anos;
}
};
Select:
<Select
placeholder="Ano"
value={props.values.ano}
onChange={selectedOption => {
handleChange("ano")(selectedOption);
}}
isSearchable={true}
options={getOptions()}
styles={customStyles}
name="ano"
isLoading={false}
loadingMessage={() => "Carregando os ano"}
noOptionsMessage={() => "Não tem ano"}
/>