react 计数器改进

最新推荐文章于 2024-09-18 09:28:36 发布

爱生活，爱编程

最新推荐文章于 2024-09-18 09:28:36 发布

阅读量448

点赞数

分类专栏： react

本文链接：https://blog.csdn.net/qq_15009739/article/details/107204167

版权

本文探讨了如何在React中使用connect方法来改进计数器组件，重点关注两个关键的方法实现。

摘要由CSDN通过智能技术生成

使用connect

import React, { Component } from 'react'


import { connect } from 'react-redux'

const mapStateToProps = (state) => {
    return {
        count: state
    }

}

const mapActionCreater = {
    add: () => ({ type: "add" }),
    minus: () => ({ type: "minus" })

}
class Reduxdemo extends Component {
    constructor(props) {
        super(props)
    }
    render() {
        const { add, minus, count } = this.props;
        return (
            <div>
                <p>{count}</p>
                <button onClick={add}>+</button>
                &nbsp;&nbsp;&nbsp;