Как обновить несколько состояний в пакете с помощью useState

Question

в обычном режиме, внутри функции onChange вы, как правило, выполняете пакетное обновление состояний, например:

_onChange:function(){
this.setState({
    date: new Date(),
    setShowDatepicker: false()
})

}

Я пытаюсь выяснить, как пакетно обновлять состояние в функционале реагирует

  const [date, setDate] = useState();
  const [showDatePicker, setShowDatepicker] = useState(false);

  const onChangeDate = (event, selectedDate) => {
     const currentDate = selectedDate || date;
     setDate(currentDate); //want to batch this will the setState below
     setShowDatepicker(false);
  };

Каждый раз, когда я устанавливаю состояние, это вызывает повторный рендеринг, влияющий на поведение. Не вижу решения в документации. Есть предложения?

Answer 1

Вы можете создать дату и setShowDatePicker для одноразового использования

const [dateValues, setDateValues] = useState({
    date: new Date(),
    setShowDatepicker: false
});

const onChangeDate = (event, selectedDate) => {
  const currentDate = selectedDate || date;

  setDateValues({
      date: currentDate,
      setShowDatepicker: false
  })
};