框架
版本
React示例开始
tsx
import { HeadContent, Scripts, createRootRoute } from '@tanstack/react-router'
import Devtools from '../components/devtools'
import Header from '../components/Header'
import appCss from '../styles.css?url'
export const Route = createRootRoute({
head: () => ({
meta: [
{
charSet: 'utf-8',
},
{
name: 'viewport',
content: 'width=device-width, initial-scale=1',
},
{
title: 'TanStack Start Starter',
},
],
links: [
{
rel: 'stylesheet',
href: appCss,
},
],
}),
shellComponent: RootDocument,
})
function RootDocument({ children }: { children: React.ReactNode }) {
console.log('hello in root document')
return (
<html lang="en">
<head>
<HeadContent />
</head>
<body>
<Header />
{children}
<Scripts />
<Devtools />
</body>
</html>
)
}
import { HeadContent, Scripts, createRootRoute } from '@tanstack/react-router'
import Devtools from '../components/devtools'
import Header from '../components/Header'
import appCss from '../styles.css?url'
export const Route = createRootRoute({
head: () => ({
meta: [
{
charSet: 'utf-8',
},
{
name: 'viewport',
content: 'width=device-width, initial-scale=1',
},
{
title: 'TanStack Start Starter',
},
],
links: [
{
rel: 'stylesheet',
href: appCss,
},
],
}),
shellComponent: RootDocument,
})
function RootDocument({ children }: { children: React.ReactNode }) {
console.log('hello in root document')
return (
<html lang="en">
<head>
<HeadContent />
</head>
<body>
<Header />
{children}
<Scripts />
<Devtools />
</body>
</html>
)
}
我们的合作伙伴
订阅 Bytes
您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。
订阅 Bytes
您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。