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

Question

这不是特定问题，但我想为配置文件生成自定义URL，例如localhost：3001 / users / jim127。有人知道这样做的好方法吗？

Answer 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>

下一步是从userName组件

中的网址获取User

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

并简单地加载指定userName

的所有数据