javascript - React Router 和历史

Question

你好，我真的是 React 的新手，我正在观看来自 Learncode.academy 的这个精彩的 youtube ReactJs 教程。本教程来自去年，我不知道这些模块是否已被弃用。我收到了这些错误消息:

You have provided a history object created with history v4.x or v2.x and earlier. This version of React Router is only compatible with v3 history objects. Please change to history v3.x. at invariant Here is my code:

    import Layout from "./components/Layout";
    import { Router, Route, IndexRoute, browserHistory } from "react-router";

    const app = document.getElementById('app');

    ReactDOM.render(
      <Router history="{browserHistory}">
       <Route path="/" component="{Layout}">
       </Route>
      </Router>,
    app);

这是我的 package.json

"history": "^3.2.1",
"react-router": "^3.0.2",

任何建议将不胜感激!谢谢!

Answer 1

您错误地使用了历史记录和组件。您不需要在历史和组件对象周围加上引号

import Layout from "./components/Layout";
import { Router, Route, IndexRoute, browserHistory } from "react-router";

const app = document.getElementById('app');

ReactDOM.render(
  <Router history={browserHistory}>
   <Route path="/" component={Layout}>
   </Route>
  </Router>,
app);