From 92dc5df96b446035297ffa1bdfe201fd6ff43ae6 Mon Sep 17 00:00:00 2001
From: Laktionov Anton <tavres@gmail.com>
Date: Tue, 5 May 2026 21:18:08 +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=D0=BD=D0=B0=20=D0=B8?=
 =?UTF-8?q?=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD=D0=B8=D0=B5=20=D1=81=D1=82?=
 =?UTF-8?q?=D1=80=D0=BE=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/App.jsx b/src/App.jsx
index cf446fa..d973d7f 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -2,26 +2,27 @@ import styles from './styles/App.module.scss'
 import React, { useState, useCallback } from 'react'
 
 function Parent() {
-    const names = ['Alex','Bob','Deniel'];
-    const handleNameClick = useCallback( name => {
-        alert(`Вы нажали на ${name}`);
+    const [text,setText] = useState('')
+    
+    const handlerChange = useCallback( event => {
+        setText(event.target.value);
     },[]);
+    
     return (
         <>
-        <h2>Проверка React.useCallback</h2>
-            {names.map(name => (
-             <Child key={name} name={name} onClick={handleNameClick} />
-            ))}
+            <h2>Проверка события onChange</h2>
+            <div>
+                <Child value={text} onChange={handlerChange} />
+                <p>Вы ввели текст: {text}</p>
+            </div>
         </>
     );
 }
 
-const Child = React.memo(({ name, onClick }) => {
-    console.log('child rendered');
-    const handleClick = useCallback(()=>onClick(name),[name, onClick]);
-    
-    return <button onClick={handleClick}>{name}</button>
-})
+function Child({ value, onChange }) {
+    console.log('rendred');
+    return <input type="text" value={value} onChange={onChange} />
+}
 
 function App() {
 	return (