Реагировать на setState с пустым массивом

Я использую react-select для создания раскрывающегося списка. У меня есть массив элементов, которые я затем устанавливаю на setState, а затем устанавливаю это как параметры, однако раскрывающийся список пуст.

Когда я делаю свой console.log(deptCodeChoices1);, он отображает массив, однако console.log(this.state.deptCodeChoices); пуст.

Вот мой код:

async GetFlavors() {
    let preprocessedData;
    try {
        let getFlavors1 = [
            { value: 'chocolate', label: 'Chocolate' },
            { value: 'strawberry', label: 'Strawberry' },
            { value: 'vanilla', label: 'Vanilla' }
            ]

        console.log(getFlavors1);

            this.setState({ getFlavors: [...getFlavors1] });    
            console.log(this.state.getFlavors); 

    } catch(error) {

    }

    return preprocessedData;

}

async componentDidMount() {
    await this.GetFlavors();
}

<label className="form-label">
    Flavors:
</label>
<Select
    value={this.state.flavors}
    onChange={this.handleChangeFlavors}
    options={this.state.getFlavors}
/>  

Есть идеи, почему this.state.getFlavors не устанавливается?


person hisusu32    schedule 13.11.2020    source источник