diff --git a/src/App.jsx b/src/App.jsx index 823a8ac..a7c87c7 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,31 +1,25 @@ -import memo, { useMemo, useCallback, useState } from 'react' +import React, { useMemo, useCallback, useState } from 'react' -/* -function MyComponent() { - const memorizetCallback = useCallback(()=>{ - //тут код хука - },[dep1,dep2]) -} -*/ +const Button = React.memo(({ onClick }) => { + console.log('Button rendred'); + return +}) -const Parent = () => { +function Parent() { const [count,setCount] = useState(0); - const handleClick = useCallback(()=>{ - setCount(prev => prev + 1) + const handlerClick = useCallback(()=>{ + setCount(prev => prev + 1); },[]); + return ( <> -

{count}

- +

Counter: {count}

+ -} - function App() { return ( <> diff --git a/src/main.jsx b/src/main.jsx index 950e96a..7e925e8 100644 --- a/src/main.jsx +++ b/src/main.jsx @@ -4,7 +4,5 @@ import { createRoot } from 'react-dom/client' import App from './App.jsx' createRoot(document.getElementById('root')).render( - - )