Reactルーターを使用してURLからパラメーター値を取得する

Question

これからid値を取得したいReactルーター：

<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 id = this.props.computedMatch.params.id