携带ownProps深层反应路由器

时间:2017-10-29 00:07:10

标签: reactjs react-router react-redux

我正试图访问ownProps中的params。有办法解决这个问题吗?

目前的结构是

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>

    );
  }
}

1 个答案:

答案 0 :(得分:0)

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

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

    );
  }
}

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