我如何在html页面的url中添加id参数？

bqucvtff 于 2023-01-24 发布在其他

关注(0)|答案(2)|浏览(178)

我想从我用ReactJS和webpack创建的网站访问URL参数。我有多个网页，其中一个网页是通用的博客文章查看页面。我不想为每个博客文章创建多个页面，我希望能够通过博客id加载博客文章。但是，当我这样做时，页面期望另一个页面具有blog_id。例如，如果博客ID是"test_blog"，则URL将是：https://www.example.com/anotherpage/test_blog.
我知道ReactJS有一个Link组件，可以处理导航到不同的react页面，但它似乎只能在单页react应用程序中工作。我正在使用多页react应用程序，因为我希望在生成的每个页面上都有元数据。
我是否必须向html页面本身添加JavaScript代码来解决这个问题，或者是否有ReactJS解决方案？

Html

来源：https://stackoverflow.com/questions/73768240/how-do-i-add-id-parameters-to-the-url-of-a-html-page

2条答案

按热度按时间

mznpcxlj1#

如果我没理解错的话，你可以和我做得一样

export const fetchData = async (newFetchOffset) => {
// console.log(fetchOffset);
const res = await axios(`https://xoosha.com/ws/1/test.php?offset=${newFetchOffset}`)
return res.data

}
存储库位于THIS IS A LINK

赞(0）回复(0）举报 2023-01-24

up9lanfz2#

添加子页面的路由定义

<Route path="/subpage/:id">
  <SubPageComponent />
</Route>

现在在子页面组件中：

import { useParams } from 'react-router';

export default function SubPageComponent() {
  const { id } = useParams();
}

另外，为什么你有.html在路由，请阅读react和任何路由库的文档：https://v5.reactrouter.com/web/example/url-params
对于无React路由器方式：

window.location.href.split('/').reverse()[0]

赞(0）回复(0）举报 2023-01-24

我来回答

我如何在html页面的url中添加id参数？

2条答案

相关问题

热门标签

最新问答