当它在react开发工具中显示时，从this.props.match.params获取空值

Question

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

这是我的代码：

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

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

Answer 1

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