Entrypoints

app.tsx

App 组件是同构的（在服务器和浏览器端共享）应用程序入口点。这里的代码在两端都会运行。这类似于经典的入口点，你可以在这里定义路由器和其他顶层组件。

基础示例（带路由）

这里是设置路由器在由 FileRouter 发现的页面之间进行导航的地方。

import { A, Router } from "@solidjs/router";
import { FileRoutes } from "@solidjs/start/router";
import { Suspense } from "solid-js";

export default function App() {
  return (
    <Router
      root={(props) => (
          <A href="/">首页</A>
          <A href="/about">关于</A>
          <Suspense>{props.children}</Suspense>
      )}
    >
      <FileRoutes />
    </Router>
  );
}

在 StackBlitz 查看类似示例

基础示例（无路由）

由于 SolidStart 没有内置路由器，你可以直接返回你选择的模板：

export default function App() {
  return (
    <main>
      <h1>你好，世界！</h1>
    </main>
  );
}

在 StackBlitz 查看此示例

报告此页面问题