В React для изменения состояния одного компонента, когда происходит событие в другом компоненте, вы можете использовать подход, называемый "поднятие состояния" (lifting state up).
Чтобы изменить состояние компонента "Board" из компонента "ResetButton", вам необходимо определить общий родительский компонент, который будет содержать состояние, которое нужно изменить.
Примерно такой код может выглядеть ваша реализация:
```javascript
import React, { useState } from "react";
const App = () => {
const [boardState, setBoardState] = useState("initialState");
// Функция, которая обновляет состояние компонента "Board"
const handleReset = () => {
setBoardState("newState");
};
return (
<div>
<Board boardState={boardState} />
<ResetButton onReset={handleReset} />
</div>
);
};
const Board = ({ boardState }) => {
return <div>Board: {boardState}</div>;
};
const ResetButton = ({ onReset }) => {
return <button onClick={onReset}>Reset</button>;
};
```
В этом примере родительский компонент `App` содержит состояние `boardState`, которое передается в компонент `Board` в качестве пропса. Компонент `ResetButton` получает функцию `handleReset` через пропс `onReset`, и при клике на кнопку вызывает эту функцию.
Когда вы нажимаете кнопку "Reset", вызывается функция `handleReset`, которая обновляет состояние `boardState` компонента `App`, и затем это новое состояние передается `Board` через пропс `boardState`.
Таким образом, при изменении состояния в компоненте `ResetButton`, состояние компонента `Board` также будет обновлено.