React学习day16__react求和&redux求和

基本的react求和案例

求和组件

import React, {
   Component} from 'react';

class Count extends Component {
   
    state ={
   count:0}
//加法
    increment=()=>{
   
        //函数体
       const {
   value} = this.selectNumber;
       const {
   count} = this.state;
       this.setState({
   count:count+value*1})
    }
//减法
    decrement=()=>{
   
        //函数体
        const {
   value} = this.selectNumber;
        const {
   count} = this.state;
        this.setState({
   count:count-value*1})
    }
    incrementIfOdd=()=>{
   
        //函数体
        const {
   value} = this.selectNumber;
        const {
   count} = this.state;
        if(count % 2 !== 0){
   
            this.setState({
   count:count+value*1})
        }
    }
    //异步加
    incrementAsync=()=>{
   
        //函数体
        const {
   value} = this.selectNumber;
        const {
   count} = this.state;
        setTimeout(()=>{
   
            this.setState({
   count: count+value*1})
        },200)
    }
    render() {
   
        return (
            <div>
               <