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() {
|
function App() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{/* Добавьте тестовый контент для проверки */}
|
{/* Добавьте тестовый контент для проверки */}
|
||||||
<h1>Hello, React!</h1>
|
<h1>Hello, React!</h1>
|
||||||
|
<Parent />
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user