Reactjs 如何使用react路由器将参数从一个组件传递到另一个组件？

我有一个组件，它链接到另一个组件，并希望将数据传递给它（以显示对象的详细信息）。我认为这很简单，但似乎无法实现

因此，我有一个带有链接的组件：

export const Person = React.createClass({
  render: function() {
    return (
        <div>
          <h4>{this.props.person.get('full_name')}</h4>
        </div>
        <div>
          <Link to="/person/detail" params={person: this.props.person}>View Details</Link>
        </div>
    );
  }
});

export const Person=React.createClass({
render:function（）{
返回(
{this.props.person.get（'full_name'）}
查看详细信息
);
}
});

并希望将人员详细信息传递到此组件：

export const PersonDetails = React.createClass({
  render: function() {
    return (
        <div>
          {console.log(this.props.person)}
          <h4>The Details...</h4>
        </div>
        <Link to="/person">Back</Link>
    );
  }
});

export const PersonDetails=React.createClass({
render:function（）{
返回(
{console.log（this.props.person）}
细节。。。
返回
);
}
});

---

并且console.log显示未定义。我错过了什么？如果有任何帮助，我们将不胜感激。

您是否在

PersonDetails

中检查了

这个.props.params

？谢谢Phi，当它显示一个对象时，我尝试过并感到兴奋，但不幸的是，该对象最终是空的{}。我检查了他们的API。

Link

组件中没有

params

道具。您可以在这里查看查询参数的示例：通过person存储传递这样的数据似乎比通过routerOh更好；在这种情况下，您可以为您的个人路径定义一个包含id的路径。您如何继续将在很大程度上取决于您的react router版本，但请查看此处的示例：您是否在

PersonDetails

中选中了

this.props.params

？感谢Phi，当它显示一个对象时，我尝试并感到兴奋，但不幸的是，这个对象最终是空的{}。我检查了他们的API。

Link

组件中没有

params

道具。您可以在这里查看查询参数的示例：通过person存储传递这样的数据似乎比通过routerOh更好；在这种情况下，您可以为您的个人路由定义包含id的路径。如何继续将在很大程度上取决于您的react router版本，但请查看以下示例：