UmiJs

433 阅读1分钟
目前使用函数组件,类组件不在使用,类组件依旧使用 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'
    })
}

\