For AI agents: the complete documentation index is available at /zh/llms.txt, the full documentation bundle is available at /zh/llms-full.txt, and this page is available as Markdown at /zh/apis/app/hooks/src/app.md.
  • 简体中文

      • App.tsx

      应用使用 自控路由 时的入口标识符。

      App.tsx 并不是实际的应用入口，Modern.js 会自动生成真正的构建打包的入口文件, 内容大致如下：

      // runtime-global-context
import { setGlobalContext } from '@modern-js/runtime/context';
import App from '@_modern_js_src/App';

setGlobalContext({
  App,
});

// index.tsx
import './runtime-global-context';
import { createRoot } from '@modern-js/runtime/react';
import { render } from '@modern-js/runtime/browser';

const ModernRoot = createRoot();

render(<ModernRoot />, 'root');

      createRoot 执行时，会去获取注册的 Global App，生成真实的 React 组件。

      Note

      在多入口的场景下，每个入口都可以拥有独立的 App.tsx，详见入口。