将数据从链接传递到组件

Question

我有一个组件1 ，它呈现了一堆锚链接。当用户单击此链接时，它将打开一个新页面（组件2 ），该页面的html结构需要从组件1 传递。我目前正在尝试使用<Link />属性传递来自state={}的数据。

组件1

<Link
  to={{pathname:"...", state:{content:"<div>....</div>"}}}
  target="_blank"
  rel="noopener noreferrer"
  className="..."
/>

Routes.js

.......
<Route path="/somepath/:xyz" exact component={Component 2} />
........

目前，当我检查props.location.state时，其“未定义”，但不确定为什么吗？

Answer 1

对我来说，最好的方法是将render道具传递给我的<Route />：

<Route path="/somepath/:xyz" exact render={(props) => <MyComponent {...props} anotherProp="test" /> />