reactjs - 如何将上下文和道具传递给Reactjs 中的组件

Question

这是我的要求。

当在浏览器上点击路由 /xyz（显示 xyz 组件）时，我需要导航到单独的路由 /abc（显示 abc 组件）。

我还需要在导航时将新的道具和上下文传递给目标组件。

我正在寻找类似的东西

**

<Redirect from="/xyz" to={{pathName: "/abc", component={<AbcComponent context={context} prop1={prop1} prop2={this.props.location.search}}}} />

**

如何在 Reactjs 中实现这一点？

Answer 1

您不能在重定向的“to”道具中使用“component”键

你可以这样做={{pathname="/abc",state={prop1=prop1,prop2=prop2} }}

<Redirect to={{pathName: "/abc", state={context:context,prop:prop1,prop2:props2} }} />

和

您可以通过 props.location.state 获取 /abc 上的数据