DvaJs

407 阅读1分钟

DvaJs

路由 react-router-dom

dva 路由 统一使用 withRouter 高阶组件(非路由组件),路由组件props自带路由对象( history.push('/home') )

dva 没有 history、useHistory

import React from 'react'
import { withRouter } from "dva/router";
const Home = (props) => {
    return (
        <div>
            <h2>Home</h2>
            <button onClick={()=>props.history.push('/')}>skip</button>
        </div>
    )
}
export default withRouter(Home)

仓库 redux

dva 仓库统一使用 connect 高阶组件

dva 没有 useSelector, useDispatch

import React from 'react';
import { connect } from 'dva';
function IndexPage(props) {
  return (
    <div>
      IndexPage
    </div>
  );
}
export default connect((state) => ({
  state: state.example,
}))(IndexPage);
​

\