reactjs - 在 React 路由器中使用 Link 标签中的状态传递数据

Question

我不知道我错在哪里。我想将该参数作为状态传递给 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} />

我想将其传递到此处并访问链接标记中给出的状态。所以你的帮助将会很大。

Answer 1

将数据传递到链接中的状态对象后，您可以在路由组件中访问此数据(在您的情况下是主组件)，如下所示:

props.location.state