无法读取未定义-- react-router v4 & create-react-app的属性'history‘

问题描述：无法读取未定义-- react-router v4 & create-react-app的属性'history'

回答：

这个问题通常出现在使用React Router v4和Create React App创建的React应用中。它表示无法读取未定义的属性'history'，这通常是因为在组件中尝试访问'history'属性，但没有正确地将它传递给组件。

解决这个问题的方法是确保在组件中正确地传递'history'属性。以下是一些可能的解决方法：

使用withRouter高阶组件：使用withRouter高阶组件可以将路由属性传递给组件。首先，需要从'react-router-dom'导入withRouter函数，然后将组件包装在withRouter函数中。

import { withRouter } from 'react-router-dom';

class YourComponent extends React.Component {
  // ...
}

export default withRouter(YourComponent);

使用Route组件的render属性：如果您在Route组件中使用了render属性，可以通过将路由属性传递给渲染函数来解决此问题。

import { Route } from 'react-router-dom';

class YourComponent extends React.Component {
  // ...
}

const App = () => (
  <Route
    path="/your-path"
    render={(props) => <YourComponent {...props} />}
  />
);

export default App;

使用Route组件的component属性：如果您在Route组件中使用了component属性，可以通过将路由属性传递给组件来解决此问题。

import { Route } from 'react-router-dom';

class YourComponent extends React.Component {
  // ...
}

const App = () => (
  <Route
    path="/your-path"
    component={(props) => <YourComponent {...props} />}
  />
);

export default App;

以上是解决无法读取未定义属性'history'的几种常见方法。请根据您的具体情况选择适合您的解决方案。如果您需要更多关于React Router v4的信息，可以查看腾讯云的React Router v4文档：React Router v4文档。