发生错误

当我尝试使用react-router-dom的Link时，遇到了以下错误。

Cannot destructure property 'basename' of 'react__WEBPACK_IMPORTED_MODULE_0__.useContext(...)' as it is null.
TypeError: Cannot destructure property 'basename' of 'react__WEBPACK_IMPORTED_MODULE_0__.useContext(...)' as it is null.

解决方案

为了启用由React Router执行的路由设置，需要使用BrowserRouter将App组件包裹起来。

import { BrowserRouter } from 'react-router-dom'

render(
  <BrowserRouter>
    <App />
  </BrowserRouter>
)

请留意

在React项目中，BrowserRouter只能使用一次，同时React Router只能在BrowserRouter内使用，所以请务必注意。

请参阅