在另一个const中访问const函数[关闭]

Question

我有一个反应本机项目。 那里有一个 Game.js 文件，里面有我的游戏。我需要触发 GameStart() 函数，但不能，因为它在另一个函数内：`

export const MyGrid = () => {
  ...

  const GameStart = async () => {
      ...
  };

我想从另一个文件访问 GameStart()

我尝试将 GameStart 移到 MyGrid const 之外，但它会按我想要的方式工作。变量也在 MyGrid const 内。我也无法将 useStates 移到 MyGrid 之外。

Answer 1

你可以通过道具触发它

MyGrid.js

export const MyGrid = ({ isStartGame }) => {

  useEffect = (() => {
    if(isStartGame)
      GameStart()
  },[])
  
  const GameStart = async () => {
    
  };

  return (
   <div/>
  );
};

ParentComponent.js

import { MyGrid } from './MyGrid';

export const ParentComponent = () => {
  return <MyGrid isStartGame={true} />;
};