Question

我正在一个Laravel-ReactJS项目上，想要为不同的页面显示不同的meta标签。我不知道该怎么做，有几个软件包，但我不知道如何在Laravel-RreactJs应用程序中使用它们

谢谢。

Answer 1

许多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 />组件现在将知道如何呈现其关联的标题和头部属性。实际上，这甚至可以使用navi脚本进行静态渲染！

如何在Larave React Application中使用不同的meta标签？

1 个答案: