将React路由集成到Wordpress中

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>} />

让我知道这不是您的用例