关于hooks:hooks-中使用dva

37次阅读

共计 769 个字符，预计需要花费 2 分钟才能阅读完成。

reacts hooks 曾经问世很久了明天来记录下如何在 hooks 是应用 dva，
家喻户晓函数是不能够是不能够应用修饰符润饰的，因为函数存在变量晋升问题。
所以大多数人有抉择再次掏出本人的 redux，然而 redux 应用起来的确没有 dva 不便，那么上面就让咱们看看如何在 hooks 中优雅的应用 dva 吧！

废话不多说间接上代码！

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

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

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>
  );
};
export default connect(mapStateToProps, null)(usePage);

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

为了简略我连 css 以及副作用都不要了。够简略不？不会还不会吧？

正文完