React-从父/同级组件触发子方法的最佳方法

由 发布于

我是React的新手，也许我的逻辑有点混乱： 我有Game组件，它有2个孩子：Board和Timer。

棋盘上有一个开始游戏的按钮。当我开始游戏时，我想启动计时器。有没有一种方法可以直接从董事会调用该函数来启动计时器？ 我试图将一个函数从Game发送到Board，并且该函数更改了Game中的某些状态，但是我不知道如何触发Timer的startStopTime（）（我的想法是使用useEffect（），但是我不知道是否有是更简单的方法）

谢谢你的帮助

Game.jsx

function Game(){

 return(
   <div>
      <Board>
      <Timer>
   </div>
 )
}

Board.jsx

function Board(){
  /* logic game*/
  return (
   <Button>Start game</button>
 )
}

timer.jsx

function Timer(){
  /* methods timer*/
  function startStopTime{ /* code*/}
  function resetTimer{ /* code*/}

  return (
   <div>{timeRunningGame}</div>
 )
}