我不知道我错在哪里。我想将该参数作为状态传递给 Link 标记,并在另一个组件中获取它。
import React from 'react'
import {Link} from "react-router-dom";
export default class CategoryList extends React.Component{
render(){
return(
<tr>
<td>
<Link to={{pathname:"/Topics/" + this.props.row.Occupation+"/"+this.props.row.objectId +'/id'+'/'+this.props.userName, state:{description:this.props.row.Description}}}>
{this.props.row.Occupation}
</Link>
</td>
<td>{this.props.row.Description}</td>
</tr>
)
}
}
index.js
<Route path="/Topics/:Occupation/:objectId/:id/:userName" component={Main} />
我想将其传递到此处并访问链接标记中给出的状态。所以你的帮助将会很大。
最佳答案
将数据传递到链接中的状态对象后,您可以在路由组件中访问此数据(在您的情况下是主组件),如下所示:
props.location.state
关于reactjs - 在 React 路由器中使用 Link 标签中的状态传递数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52404369/