zoukankan      html  css  js  c++  java
  • react中useCallback使用

    
    import React ,{useState,useCallback,memo} from 'react'
    
    const Child = memo((props) =>{
        console.log('child run ...');
    
        return(
            <>
                <h1>hello</h1>
                <button onclick="{props.onAdd}">add</button>
            
        )
    })
    
    export default function UseCallback() {
        console.log('parent run ...');
        let  [count, setCount] = useState(0)
    
      const handAdd = useCallback(
         () =>{
            console.log('父组件里的handAdd执行了。。。。');
          },
          [],
      ) 
    
    //   const handAdd = () =>{
    //     console.log('父组件里的handAdd执行了。。。。');
    //   }
     
        return (
            <div>
                <h2>{count}</h2>
                <child onadd="{handAdd}">
                <button onclick="{()" ==""> setCount(100)}>changeCount</button>
            </child></div>
        )
    }
    
    

  • 相关阅读:
    fort循环
    while
    函数和数组
    case
    init进程
    权限安全:堡垒机部署实践
    tcp首部当中seq和ack的增长规律
    VRRP
    MSTP
    字符集专题
  • 原文地址:https://www.cnblogs.com/malong1992/p/15365250.html
Copyright © 2011-2022 走看看