非FoundLayout (法语) 
我们的第一个Berlitz USA网站已经移植了未找到的布局组件。 因此,我们现在有一个可重复使用的“未找到”模板,可供今后任何需要404个未找到的网页的网站使用。 目前这需要4道道具. 取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取的取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取取.
安装
yarn add @berlitz/not-found-layout
道具
| 参数 | 类型 | 需求 | 默认 | 示例 |
|---|---|---|---|---|
| 标题 | 字符串 | "404" (英语) | ||
| 子标题 | 字符串 | "没有找到" | ||
| 内容锁定 | 字符串 | |||
| 后链接 | 节点 | ✅ | {backLink.}(美国英语) 标题} |
实例Data.js
export default {
heading: '404',
subheading: 'Page not Found',
contentBlock:
'<p>We’re all for adventure… but this one has led you to a dead end.</p>',
backLink: {
label: 'Back to home',
link: '/en-de',
},
}
使用量
import React from 'react'
import NotFoundLayout from '@berlitz/not-found-layout'
const BackLink = () => <Link href={backLink.url}>{backLink.title}</Link>
const MyApp = () => (
<NotFoundLayout
heading={heading}
subheading={subheading}
contentBlock={contentBlock}
backLink={<BackLink />}
/>
)
何时使用此组件
404页