useCallback

This commit is contained in:
2026-05-26 21:17:42 +03:00
parent ec325b51bc
commit 38f7195ed4
+28 -1
View File
@@ -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 />
</> </>
) )
} }