路线在 react.js 中的运作方式

Question

我正在做一个项目，我想在从 Ajax 成功登录后加载另一个组件或模块，我们可以使用 React

$.ajax({
  url: url_root+"/auth/token",
  dataType: 'json',
  type: method.post,
  data: data,
  success: function(data) {
    console.log(data);
    // redirect... to another page
  }.bind(this),
  error: function(xhr, status, err) {
    console.error(status);
    this.setState({username : true, password :true});
  }.bind(this)
});

Answer 1

你想为此使用 ReactRouter。 https://github.com/rackt/react-router

Answer 2

你可以在这里使用承诺。看看 axios https://github.com/mzabriskie/axios 。您可以拨打电话，但会返回一个承诺，因此您可以执行类似的操作（来自示例...）

axios.get('/user?ID=12345')
  .then(function (response) {

    this.setState({...)} /// or if you are using Flux (from store emit event to update your view or so on...)

  })
  .catch(function (response) {
    console.log(...)//throw new Error.....
  });

应该和使用axios一样简单。存在其他可能性，请参阅 http://www.sitepoint.com/comparison-javascript-http-libraries/

希望有用

路线在 react.js 中的运作方式

How route works in react.js

javascript

jquery

reactjs

mithril.js