繁体   English   中英

携带ownProps深度反应路由器

[英]Carry ownProps deep react router

我正在尝试访问ownProps中的参数。 有办法解决吗?

目前的结构是

const Router = () => (
  <router>
    <Switch>
      <Route path='/signup' component={Signup} />
      <Route path='/browse' component={Browse}/>
      <Route path='/detail/:id' component={Detail} />
    </Switch>
  </router>
)

我希望ownProps可以详细传递到这些页面

export default class App extends Component {
  render() {
    return (
      <div>
        <Info />
        <Message/>
      </div>

    );
  }
}

弄乱之后,我发现了一种方法,即我将所需的信息作为道具传递给嵌套的组件。

export default class App extends Component {
  render() {
    return (
      <div>
        <Info idInfo={this.props}/>
        <Message idInfo={this.props}/>
      </div>

    );
  }
}

之后,我在ownProps中获得了信息。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM