时间戳

首页 > 解决方案 > 如何在 Larave React 应用程序中使用不同的元标记？

reactjs - 如何在 Larave React 应用程序中使用不同的元标记？

问题描述

我正在开发一个 Laravel-ReactJS 项目，并希望为不同的页面显示不同的元标记。我不知道该怎么做，有几个包，但我不知道如何在 Laravel-RreactJs 应用程序中使用它们

提前致谢。

标签： reactjslaravel

解决方案

许多 React 应用程序使用 react-helmet（和 react-helmet-async）来管理它们的<head>标签，因此 Navi 特别支持使用头盔渲染您的路线标题和头部。设置很简单：只需添加 react-navi-helmet 或 react-navi-helmet-async 包，并使用导出的 HelmetProvider 包装您的应用程序：

import HelmetProvider from 'react-navi-helmet-async'

ReactDOM.render(
  <HelmetProvider>
    <Router routes={routes}>
      ...
    </Router>
  </HelmetProvider>,
  document.getElementById('root')
)

有了这个，您的<View />组件现在将知道如何呈现它们关联的标题和头部属性。事实上，这甚至适用于使用导航脚本的静态渲染！

推荐阅读