react hooks中使用dva

index.js

import React from 'react';
import { connect } from 'dva';
import { Button } from 'antd';

const usePage = (props) => {
const {home} = props;
  const btnClick = () => {
    const {dispatch} = props;
    dispatch({
      type:"home/getList",
      payload: !home.likes
    })
  };

  return (
    <div>
      <Button onClick={btnClick}>点击</Button>
      <span>{home.likes ? 'true' : 'false'}</span>
    </div>
  );
};

const mapStateToProps = ((state)=>{
	home: state.home
});

export default connect(mapStateToProps)(usePage);

model.js

export default {
  namespace: 'home',
  state: {
    likes: null,
  },
  effects: {},
  reducers: {
    getList(state, {payload}) {
      return {...state, likes: payload};
    },
  },
};