redux的connect注入props到组件中

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);