Блог

MultiScreens передается индексный реквизит, который управляет тем, что он отображает. Нажатие кнопки запускает обработчик обновления, который изменяет реквизит состояния, используемый MultiScreens для своего индекса. При нажатии кнопки состояние изменяется, но передаваемое значение indexState, похоже, не меняется. Как я могу сделать повторный запуск мультиэкранного режима при изменении indexState?

 export default function Modal() {
    const [indexState, setIndexState] = useState({idx: 0});
    
    const onIncrement = (e) => {
        let newIndexState = {
            idx: indexState.idx   1
        }
        setIndexState(newIndexState)
    }

  return (
        <>
            <MultiScreens index={indexState}/>
            
            <Button onClick={onIncrement}>
                increment index
            </Button>
        </>
  );
}
 

Я переопределял индекс внутри MultiScreen.