React-Hooks实现计数器加法 （附完整代码）

效果展示：

使用 class 和 Component的代码：

import React, { Component } from 'react';
 class Example extends Component{
     constructor(props){
        super();
        this.state={
            count:0
        } 
     }
    addNum = () =>{
        this.setState({
            count:this.state.count + 1
        })
    }
     render(){
         return(
             <div>
                    <p>this num is {this.state.count}</p>
                    <button onClick={this.addNum}>click me</button>
             </div>
         )
     }
 }
 export default Example;

使用 react-hooks后的代码：

import React, { useState } from 'react';

function Example (){
    const [count,setCount] = useState(0);
    return(
        <>
            <p>the num is {count}</p>
            <button onClick={()=>{setCount(count+1)}}>click me </button>
        </>
    )
}
export default Example;