反应路由器和铁路路线

时间:2018-08-20 20:54:48

标签: ruby-on-rails reactjs react-router

设置完后,我希望与用户对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>

什么也没显示。

请有人可以保留提示吗?

1 个答案:

答案 0 :(得分:0)

假设您正尝试通过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
}