useCallback
This commit is contained in:
+28
-1
@@ -1,10 +1,37 @@
|
||||
// удаляем все, оставляя лишь пустую функцию App ниже
|
||||
import memo, { useMemo, useCallback, useState } from 'react'
|
||||
|
||||
/*
|
||||
function MyComponent() {
|
||||
const memorizetCallback = useCallback(()=>{
|
||||
//тут код хука
|
||||
},[dep1,dep2])
|
||||
}
|
||||
*/
|
||||
|
||||
const Parent = () => {
|
||||
const [count,setCount] = useState(0);
|
||||
|
||||
const handleClick = useCallback(()=>{
|
||||
setCount(prev => prev + 1)
|
||||
},[]);
|
||||
return (
|
||||
<>
|
||||
<h3>{count}</h3>
|
||||
<Child onClick={handleClick} />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
const Child = (props) => {
|
||||
return <button onClick={props.onClick}>Add</button>
|
||||
}
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<>
|
||||
{/* Добавьте тестовый контент для проверки */}
|
||||
<h1>Hello, React!</h1>
|
||||
<Parent />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user