在反应开发工具中显示时从 this.props.match.params 获取空值

Question

您好，我正在尝试从我的 React 路由器访问我的参数，但它总是显示一个空对象。

这是我的代码：

    <Switch>
    <Route exact path='/' render={(props) => (<PhotoWall {...this.props}/>)}/>
    <Route path='/single/:id' render={(props) => (<Single {...this.props}/>)}/>
    </Switch>

我可以在 React 开发工具中看到我的参数值。但我无法在 this.props.match.params 中访问它。

Answer 1

您似乎正在调试组件的状态，而不是您正在处理的组件道具（屏幕截图上方有一个 State 标签）？

在反应开发工具中显示时从 this.props.match.params 获取空值

getting empty value from this.props.match.params while it is showing in the react dev tools

reactjs

react-router

react-redux

react-router-redux