From 3d342622037f284975aa381f265e34a12a971492 Mon Sep 17 00:00:00 2001
From: Laktionov Anton <tavres@gmail.com>
Date: Tue, 5 May 2026 21:10:47 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=D0=B8=20?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=BB=D0=B1=D1=8D=D0=BA=20=D1=81=20=D0=BA=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=BF=D0=BA=D0=B0=D0=BC=D0=B8=20=D0=B8=20=D0=B8=D0=BC?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B0=D0=BC=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.jsx | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index e15052d..cf446fa 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,21 +1,26 @@
 import styles from './styles/App.module.scss'
-import React, { useState } from 'react'
+import React, { useState, useCallback } from 'react'
 
 function Parent() {
-    const [count,setCount] = useState(0);
-    //const handleCallback = () => setCount(count + 1)
-    const increment = React.useCallback(() => setCount(count + 1));
+    const names = ['Alex','Bob','Deniel'];
+    const handleNameClick = useCallback( name => {
+        alert(`Вы нажали на ${name}`);
+    },[]);
     return (
         <>
-        <div>{count}</div>
-        <Child onClick={increment} />
+        <h2>Проверка React.useCallback</h2>
+            {names.map(name => (
+             <Child key={name} name={name} onClick={handleNameClick} />
+            ))}
         </>
     );
 }
 
-const Child = React.memo(({ onClick }) => {
+const Child = React.memo(({ name, onClick }) => {
     console.log('child rendered');
-    return <button onClick={onClick}>Нажми меня</button>
+    const handleClick = useCallback(()=>onClick(name),[name, onClick]);
+    
+    return <button onClick={handleClick}>{name}</button>
 })
 
 function App() {