redux的connect注入props到组件中

最新推荐文章于 2023-03-09 20:56:54 发布

williamyi74

最新推荐文章于 2023-03-09 20:56:54 发布

阅读量250

点赞数

分类专栏： js react 文章标签： javascript 前端

本文链接：https://blog.csdn.net/Suk__/article/details/126609994

版权

js 同时被 2 个专栏收录

68 篇文章 2 订阅

订阅专栏

react

21 篇文章 1 订阅

订阅专栏

import { Button, Text, View } from "@tarojs/components";
import { connect, useDispatch, useSelector } from "react-redux";
import loginActions from "xtq/store/actions/login";
import "./my.scss";

const My = props => {
  // const isLogin = useSelector(state => state.login.isLogin);
  // const dispatch = useDispatch();
  console.log(props);
  return (
    <>
      <View className="container">
        <Text>{String(props.isLogin)}</Text>
        {/* <Button onClick={() => dispatch(loginActions.login(!isLogin))}> */}
        <Button onClick={() => props.onLogin(props.isLogin)}>登录</Button>
      </View>
    </>
  );
};
// 使用connect方法将redux的state和dispatch事件注入到props中
const mapStateToProps = state => ({
  isLogin: state.login.isLogin
});
const mapDispatchToProps = dispatch => ({
  onLogin: isLogin => dispatch(loginActions.login(!isLogin))
});
export default connect(mapStateToProps, mapDispatchToProps)(My);