From ae6656d5ae81f0103566231fbfb2377fc99b6637 Mon Sep 17 00:00:00 2001
From: shikong <919411476@qq.com>
Date: Sun, 27 Oct 2024 21:21:37 +0800
Subject: [PATCH] =?UTF-8?q?11.=20=E5=87=BD=E6=95=B0=E5=BC=8F=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=20=E4=B8=8E=20hook?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SonComponent2.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/SonComponent2.js b/src/components/SonComponent2.js
index c9ec288..74609f0 100644
--- a/src/components/SonComponent2.js
+++ b/src/components/SonComponent2.js
@@ -73,7 +73,7 @@ export default function SonComponent2(props= {
     return <div style={{border: '1px solid', width: '80%', overflow: 'auto'}}>
         子组件2
 
-        <div style={{border: '1px solid', width: '80%', overflow: 'auto', margin: 'auto'}}>
+        <div ref={ref} style={{border: '1px solid', width: '80%', overflow: 'auto', margin: 'auto'}}>
             <div>
                 {state.msg}
             </div>
@@ -84,7 +84,7 @@ export default function SonComponent2(props= {
                 <div>
                     {props.msg}
                     <div>count: {countMemo}</div>
-                    <Consumer ref={ref} changeMsg={changeMsg} revokeChangeMsg={revokeChangeMsg}/>
+                    <Consumer changeMsg={changeMsg} revokeChangeMsg={revokeChangeMsg}/>
                 </div>
             </ContextParent.Provider>
         </div>
@@ -98,7 +98,7 @@ function Consumer(props){
     console.log("SonComponent2 Consumer contextValue", contextValue)
 
     return <div>
-        <button ref={props.ref} onClick={props.changeMsg}>{contextValue.changeText}</button>
+        <button onClick={props.changeMsg}>{contextValue.changeText}</button>
         <button onClick={props.revokeChangeMsg}>{contextValue.revokeText}</button>
     </div>
 }