react useEffect

useEffect

使用:

import React, {
    
     useState , useEffect } from 'react';
function Example(){
    
    
    const [ count , setCount ] = useState(0);
    //---关键代码---------start-------
    useEffect(()=>{
    
    
        console.log(`useEffect=>You clicked ${
      
      count} times`)
    })
    //---关键代码---------end-------

    return (
        <div>
            <p>You clicked {
    
    count} times</p>
            <button onClick={
    
    ()=>{
    
    setCount(count+1)}}>click me</button>
        </div>
    )
}

第一次组件渲染和每次组件更新都会执行这个函数

猜你喜欢

转载自blog.csdn.net/qq_45429539/article/details/114369643