使用React Router从url获取参数值

Question

我想从这个React Router获取id值：

<BrowserRouter basename="/api">
    <Switch>
        <Route path="/pm" exact component={PaymentMethod}/>
        <Route path="/pw" exact component={PaymentWeb}/>
        <Route path="/rg" exact component={Registrasi}/>
        <Route path="/bonus/:id" exact component={BonusScreen}/>
        <Route path="/hb" exact component={HistoryBonus}/>
    </Switch>
</BrowserRouter>

在我BonusScreen我试图通过使用以下命令打印值：

const userId = this.props.match.id;
console.log(this.userId);

从浏览器，我尝试像这样访问URL：

bonus/NGO628567652201

但是它总是回来了undefined。
我怎样才能解决这个问题 ？

Answer 1

如果有人遇到此问题。正确的是：

const userId = this.props.match.params.id;