为链接/配置文件生成自定义 URL答案

【问题标题】：Generate Custom URL for links/profiles为链接/配置文件生成自定义 URL
【发布时间】：2017-01-12 01:09:25
【问题描述】：

这不是一个具体问题，但我想为 localhost:3001/users/jim127 等配置文件生成自定义 URL。有人知道这样做的好方法吗？

【问题讨论】：

【解决方案1】：

您可以使用 React Router https://github.com/ReactTraining/react-router 为您的应用创建简单的路由。

在您的情况下，您需要为指定用户创建动态路由。

<Router history={browserHistory}>
  <Route path="/" component={App}>
    <Route path="users" component={Users}>
      <Route path="/users/:userName" component={User}/> // dynamic route
    </Route>
    <Route path="*" component={NoMatch}/>
  </Route>
</Router>

下一步是从User组件中的URL获取userName

class User extends React.Component {
  componentDidMount: function () {
    const userName = this.props.params.userName
    ...

并简单地加载指定userName的任何数据

【讨论】：