用reacthooks 重写项目,在使用useHistory时发现写在其他页面正常跳转,而写在app.js里的不正常,报错
hook The prop `history` is marked as required in `Router`, but its value is `undefined`
打印了一下果然是undefined,仔细对比其他页面,发现路由是定义在app.js中的,所以其他页面相当于是路由的子组件,环境不一样。
经查找,app.js中的正确使用方法是:
import { createHashHistory } from 'history'
const history = createHashHistory() // app.js在路由外面,里不能用useHistroy