无法在React Router中获得未定义或空引用的属性“位置”

Question

我正在React Router上做一个非常简单的程序..但是我不知道这是怎么回事...这是我的React Router代码..

index.js

    import React, { Component } from 'react';
    import ReactDOM from 'react-dom';
    import { Router, browserHistory} from 'react-router';
    import routes from './routes';


    ReactDOM.render(
        <Router history={browserHistory} routes={routes} />
      , document.querySelector('.container'));

这是路线文件..

routes.js

    import React, { Component } from 'react';
    import { Route, IndexRouter } from 'react-router';
    import App from './components/app';

    export default(
      <Route path="/" component={App} />
    );

它显示类似这样的错误...

Answer 1

您需要使用objectB而不是objectA。我已经为相同的对象创建了基本代码沙箱。您可以在此处检查代码。 https://codesandbox.io/embed/m779xxx4zy。

App.js

react-router-dom

Routes.js

react-router

index.js

import React from "react";

const App = props => {
  return <div>HI</div>;
};

export default App;