@Shiva6

Как возвращать сразу новое состояние из useState после изменения?

Приветствую всех, читающих этот вопрос!
Есть селектор, value которого работает как фильтр:
const { Option } = Select;
  const dispatch = useDispatch();
  const [filters, setFilters] = useState({status: null});

  <Select
      style={{ width: 100 }}
      placeholder="Статус"
      optionFilterProp="children"
      onChange={onChangeStatus}>
    <Option value="created">Создан</Option>
    <Option value="added">Добавлен</Option>
    <Option value="photo">Фотография продукта</Option>
  </Select>


При выборе одного из значений внутри селектора срабатывает событие, изменяющее состояние;
function onChangeStatus(value) {
    setFilters({ status: value})
    dispatch(getFilters(filters));
  }

Но дело в том, что в action приходит старое состояние {status: null}, никак не могу написать правильно асинхронность, чтобы успело поменяться состояние и лишь потом сработал dispatch. Переписывал функцию в вот такой вид, но в консоли ошибка.
function onChangeStatus (value) {
    setFilters({
      ...filters, status: value
    }, () => {
      dispatch(getFilters(filters));
    });
  }


Заранее благодарен за любую помощь!
  • Вопрос задан
  • 96 просмотров
Решения вопроса 1
@Guccigang
А почему бы не передавать в `getFilters` сразу { status: value }, к которому у нас есть доступ в функции?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Myagi Минск
от 3 000 до 4 000 usd.
iBolit.pro Москва
от 170 000 до 250 000 руб.
ManyChat Москва
от 180 000 руб.