Reactjs 如何重定向到另一个页面并将值传递到React中的页面？

这是我的钮扣

<Button onClick={this.clickMe.bind(this, data)} className="ViewDetailsBtnLink">View Details</Button>

现在，它所做的只是在控制台中显示数据。我希望将数据传输到另一个页面，并重定向到显示数据的ViewDetails页面。 感谢您的帮助。

2种方法

使用上下文和

useParams

useContext：

拥有一个全局上下文，其中包含一些可以在每个页面上使用的信息

useParams：

转到类似“hello/randombitsofinformation”的页面

它作为“hello/：slug”放在路由器中

然后让slug=useParams（）

及

{slug}

将与

<h1>randombitsofinformation</h1>

随机信息

您可以使用库来路由页面。例如，首先为页面创建路由器，如下所示：

在您的根文件中，或者创建另一个名为“Router.js”的文件并进行渲染，然后您可以在根文件中渲染

组件

从“React”导入React；
进口{
BrowserRouter作为路由器，
转换
路线,，
链接
使用历史
}从“反应路由器dom”；
常量基本示例=（）=>{
返回(
钩子导航到另一个带有参数的页面，并访问上一页传递的参数。
您可以使用react router的历史记录，检查此HOC，然后尝试使用历史记录道具推送到您想要的路由，并将其作为路由器状态的一部分。哦，好的。但问题是我的代码在react类组件中如何在React类组件中使用useParams？这也是我的想法。这个方法对我来说似乎很干净。
<h1>{slug}</h1> 

<h1>randombitsofinformation</h1>