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>
 )
}
评论