反应路由器和铁路路线

Question

设置完后，我希望与用户对Rails做出简单的反应。

但是在阅读了React Router文档之后，我仍然不知道如何将ID或任何参数传递给链接。

 api_user GET    /api/users/:access_token(.:format)       api/users#show

所以我做到了

 <Route path="/api/users/:access_token" component={User} />

和

 <Link  to="/users"}>User show</Link>

什么也没显示。

请有人可以保留提示吗？

Answer 1

假设您正尝试通过URL将参数传递给组件。这里的access_token是参数：

<Route path="/users/:access_token" component={User} />

使用Link时，您需要在to路径中添加实际令牌。这是您可以执行的一种方法：

const token = 'foobarbaz';
const path = '/users/' + token;

<Link to={path}>User show</Link>

然后在User组件中，您可以通过道具this.props.match.params['access_token']访问URL中的值，并使用它来调用您的api。

componentDidMount() {
    const token = this.props.match.params['access_token'];
    const apiURL = "/api/users/" + token;
    // call api
}