Код IT
← Каталог

TypeScript — OnlineCardGame — `src/App.tsx` — роутер экранов

Фрагмент из «TypeScript — OnlineCardGame»: `src/App.tsx` — роутер экранов.

typescript spinoffencyclopedia9-04-razrabotka-igr-praktikum-razrabotki-igr-9 embed URL статья в энциклопедии
TypeScript main.ts
import { GameProvider, useGame } from './hooks/useGame';
import { MenuScreen } from './components/MenuScreen';

function GameRouter() {
  const { run, tick } = useGame();
  void tick;

  if (run.screen === 'menu') return <MenuScreen />;
  if (run.screen === 'map') return <div className="screen"><p>Карта — этап 10</p></div>;
  return null;
}

export default function App() {
  return (
    <GameProvider>
      <div className="app">
        <GameRouter />
      </div>
    </GameProvider>
  );
}
import { GameProvider, useGame } from './hooks/useGame';
import { MenuScreen } from './components/MenuScreen';

function GameRouter() {
  const { run, tick } = useGame();
  void tick;

  if (run.screen === 'menu') return <MenuScreen />;
  if (run.screen === 'map') return <div className="screen"><p>Карта — этап 10</p></div>;
  return null;
}

export default function App() {
  return (
    <GameProvider>
      <div className="app">
        <GameRouter />
      </div>
    </GameProvider>
  );
}