目前使用函数组件,类组件不在使用,类组件依旧使用 withRouter 接收路由对象, connect 链接仓库。
UmiJs
路由 react-router-dom
可以使用 history、useHistory、withRouter
import {history, useHistory, withRouter } from "umi";
//history umi里的history不用再次调用一次,可以直接使用,推荐使用此方法。
history.push('/')
//useHistory
const history = useHistory()
history.push('/')
//withRouter
同 dva、react 用法
仓库 redux
可以使用 useSelector, useDispatch
import { useSelector, useDispatch } from "umi";
const count = useSelector((state: { example: { count: number } }) => state.example.count)
const dispatch = useDispatch()
const increment = () => {
dispatch({
type: 'example/save'
})
}
\