В React есть несколько способов изменить состояние одного компонента при изменении другого. Это можно сделать, используя подъем состояния, обратные вызовы или глобальное состояние.
1. Подъем состояния: Если два компонента имеют общего родителя и нужно передавать состояние от одного компонента к другому, можно поднять состояние вверх по иерархии компонентов. Таким образом, общий родитель будет содержать состояние и передавать его в дочерние компоненты через пропсы. При изменении состояния в одном компоненте, оно будет передаваться в другой компонент через пропсы и обновлять его.
2. Обратные вызовы: Если два компонента не имеют общего родителя или нужно передать состояние в компоненты на разных уровнях иерархии, можно использовать обратные вызовы. Верхнеуровневый компонент может передать функцию-обратный вызов дочернему компоненту через пропсы. При изменении состояния в одном компоненте, вызывается функция-обратный вызов, которая обновляет состояние в другом компоненте.
3. Глобальное состояние: Если в приложении несколько компонентов, которые должны синхронизировать свои состояния, можно использовать управление состоянием на уровне приложения с использованием глобального состояния. Это может быть реализовано с помощью контекста или сторы, таких как Redux или MobX. Глобальное состояние хранится в одном месте и доступно для всех компонентов приложения. Когда состояние изменяется в одном компоненте, оно автоматически обновляется в других компонентах, которые подписаны на это состояние.
Примеры подъема состояния, обратных вызовов и глобального состояния выходят за рамки данного ответа, так как требуют знания более детальных деталей вашего приложения и используемых инструментов.