Question

我尝试将旧的react应用程序升级到新的react-router版本2.

我从我的代码中制作了一个更简单的版本：

let Router = ReactRouter.Router;
let Route = ReactRouter.Route;
let browserHistory = ReactRouter.browserHistory;

class MyApp extends React.Component {
  render() {
    return (
      <div>
        {this.props.children}
      </div>
    );
  }
}

class Home extends React.Component {
  render() {
    return (
      <div>
        Hallo aus Home!
      </div>
    );
  }
}

ReactDOM.render((
  <Router history={browserHistory}>
    <Route handler={MyApp} path="/">
      <Route handler={Home} path="/" />
    </Route>
  </Router>

), document.querySelector('.app'));

没有出现......

Answer 1

React-Router中有一些变化。

在文件顶部，添加IndexRoute：

let IndexRoute = ReactRouter.IndexRoute;

然后你的Route配置应该成为：

ReactDOM.render((
  <Router history={browserHistory}>
    <Route component={MyApp} path="/">
      <IndexRoute component={Home}></IndexRoute>
    </Route>
  </Router>

), document.querySelector('.app'));

更新了JsFiddle（我添加了一个push（'/'），否则JsFiddle将无法正确路由：https://jsfiddle.net/5zexxxe9/

More information about the configuration here

React-Router什么都没显示

1 个答案: