如何在 React JS 中动态生成站点地图

Question

我在我的react应用程序中使用react-router-dom进行路由，有近5000个页面（基于API动态生成），现在我不知道如何为这些动态页面生成站点地图

我的 Routes 组件中的一段代码

<Route
  path={process.env.PUBLIC_URL + '/genres/:name'}
  exact
  component={MovieGenre}
/>
<Route
  path={process.env.PUBLIC_URL + '/discover/:name'}
  exact
  component={DiscoverMovies}
/>
<Route
  path={process.env.PUBLIC_URL + '/find/:query'}
  exact
  component={SearchPage}
/>
<Route
  path={process.env.PUBLIC_URL + '/moviesdetail/:id'}
  exact
  component={MovieScrees}
/>  

Answer 1

您可以使用react-router-sitemap它为您的 React 应用程序生成 sitemap.xml 文件。

包裹：

npm i --save react-router-sitemap

包链接 - https://www.npmjs.com/package/react-router-sitemap

如果您想在您的应用程序中实现此功能，请从此处获取所有代码