Question

我在Wordpress中有一个静态首页，其网址为：“ https://my-page.com/home”。我从/theme/templates/home.php导入了.php文件。在此文件中，我导入了react脚本。

现在我在路由方面遇到了问题，在create-react-app中它运行良好。我导入到home.php中的react脚本如下所示：

ReactDOM.render(
  <div>
    <BrowserRouter>
        <div>
          <Route path="" render={props => <div>Home</div>} />
          <Route path="/Blog" render={props => <div>Blog</div>} />
        </div>
      </BrowserRouter>
  </div>,
  document.getElementById("root")
);

去https://my-website.com/home会把我打印出来，但是去https://my-website.com/home/blog会给我抛出“找不到404网站”错误。

感谢您的任何帮助！

Answer 1

如果只想渲染Blog组件，请使用它：

<Route exact path="/home/blog" render={props => <div>Blog</div>} />

让我知道这不是您的用例

将React路由集成到Wordpress中

1 个答案: