使用React-router v4向子组件传递props

Question

使用React-router v4向子组件传递props

javascriptreactjsreact-routerreact-router-component

4

之前在 react-router v3.* 中，我通过 props 向子组件传递数据：

React.cloneElement(this.props.children, this.props)

在React-router v4中，如何使用新的<Match /> API进行操作？

到目前为止，我想到的解决方法是使用<Match /> API中的render方法：

<Match pattern="/" render={() => <ChildComponent {...this.props} />} />

使用ES6展开语法将props传递给子组件。是否有更好的方法，可以同时将所有标准props（位置，模式，路径名，isExact）传递给子组件？

- Shadrech

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Alexander Gundermann · Accepted Answer

根据v4.0.0-alpha5的渲染代码，你有以下两个选择：

<Match pattern="/" render={props => <ChildComponent {...props} {...this.props} />} />
<Match pattern="/">{({matched, ...props}) => {
    return matched ? <ChildComponent {...props} {...this.props} /> : null;
}}</Match>

另外请查看匹配API文档。