Зачем использовать prevState для замены значения списка React JS

Question

Я просто хотел получить разъяснение по этому вопросу

state = {
    foodList: [],
    currentFoodItem: null,
}

onFoodsReceived = (foodList) => {
    console.log(foodList);
    this.setState(prevState => ({
        foodList: prevState.foodList = foodList
    }));
}

В приведенном выше коде он использует prevState для замены значения списка, когда вы можете использовать приведенный ниже код. Почему некоторые используют prevstate, в то время как другие не заменяют значение списка

onFoodsReceived = (foodList) => {
    console.log(foodList);
    this.setState({
        foodList: foodList
    }));
}

Answer 1

Используется, когда мы хотим переопределить текущее состояние параметрами последнего состояния.

Из документов React:

Согласно документам React "React может пакетировать несколько вызовов setState() в одном обновлении для повышения производительности. Поскольку this.props и this.state могут обновляться асинхронно, вы не должны полагаться на их значения для вычисления следующего состояния. "

" Чтобы исправить это, используйте вторую форму setState(), которая принимает функцию, а не объект. Эта функция получит предыдущее состояние в качестве первого аргумента, а реквизиты во время применения обновления в качестве второго аргумента "

Источник .