Javascript

react中useCallback使用

本文主要是介绍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>
    )
}

这篇关于react中useCallback使用的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航