Sum of squares: {sumOfSquares()}

); } `})}),` `,(0,n.jsxs)(e.p,{children:["\u5728\u4E0A\u8FF0\u7684\u4EE3\u7801\u4E2D\u51FD\u6570 ",(0,n.jsx)(e.code,{children:"sumOfSquares"})," \u4E0E\u53D8\u91CF ",(0,n.jsx)(e.code,{children:"c"})," \u5E76\u6CA1\u6709\u5173\u8054\uFF0C\u4F46\u662F\u4ECE\u4E0B\u65B9\u7684\u52A8\u56FE\u53EF\u4EE5\u770B\u5230\uFF0C\u5728\u6211\u4EEC\u6539\u53D8 ",(0,n.jsx)(e.code,{children:"c"})," \u7684\u503C\u65F6\uFF0C\u7EC4\u4EF6\u91CD\u65B0\u6E32\u67D3\uFF0C\u56E0\u6B64\u4E5F\u89E6\u53D1\u4E86 ",(0,n.jsx)(e.code,{children:"sumOfSquares"})," \uFF0C\u9020\u6210\u4E0D\u5FC5\u8981\u7684\u6E32\u67D3\u3002"]}),` `,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{src:"http://eddiehuang.oss-cn-guangzhou.aliyuncs.com/images/usememo1.gif",alt:"usememo1"})}),` `,(0,n.jsxs)(e.p,{children:["\u4E0B\u9762\u6F14\u793A\u5982\u4F55\u901A\u8FC7 ",(0,n.jsx)(e.code,{children:"useMemo"})," \u8FDB\u884C\u4F18\u5316\u8BA1\u7B97\uFF1A"]}),` `,(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-jsx",children:`import React, { useState, useMemo } from 'react'; function MemoExample() { const [a, setA] = useState(5); const [b, setB] = useState(10); const [c, setC] = useState(15); useEffect(()=>{ console.log('render') }) const sumOfSquares = useMemo(() => { console.log('Calculating sum of squares'); return a * a + b * b; }, [a, b]); return (

Sum of squares: {sumOfSquares}

); } `})}),` `,(0,n.jsxs)(e.p,{children:["\u901A\u8FC7\u4F7F\u7528 ",(0,n.jsx)(e.code,{children:"useMemo"})," \u7ED1\u5B9A\u4F9D\u8D56\u9879\uFF0C\u6211\u4EEC\u5728\u7EC4\u4EF6\u91CD\u65B0\u6E32\u67D3\u65F6\u963B\u6B62\u4E86\u4E0D\u5FC5\u8981\u7684\u6027\u80FD\u635F\u8017\u3002"]}),` `,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{src:"http://eddiehuang.oss-cn-guangzhou.aliyuncs.com/images/usememo2.gif",alt:"usememo2"})}),` `,(0,n.jsxs)(e.p,{children:["\u5728\u8FD9\u4E2A\u4F8B\u5B50\u4E2D\uFF0C\u53EA\u6709\u5F53 ",(0,n.jsx)(e.code,{children:"a"})," \u6216 ",(0,n.jsx)(e.code,{children:"b"})," \u53D1\u751F\u53D8\u5316\u65F6\uFF0C\u624D\u4F1A\u91CD\u65B0\u8BA1\u7B97\u5E73\u65B9\u548C\u3002\u5982\u679C ",(0,n.jsx)(e.code,{children:"a"})," \u548C ",(0,n.jsx)(e.code,{children:"b"})," \u7684\u503C\u6CA1\u6709\u6539\u53D8\uFF0C",(0,n.jsx)(e.code,{children:"sumOfSquares"})," \u5C06\u4F1A\u4F7F\u7528\u4E4B\u524D\u7684\u7F13\u5B58\u503C\uFF0C\u907F\u514D\u4E86\u91CD\u590D\u8BA1\u7B97\u3002"]}),` `,(0,n.jsx)(e.h2,{children:"2. useCallback - \u4F18\u5316\u51FD\u6570\u4F20\u9012"}),` `,(0,n.jsx)(e.h3,{children:"\u51FD\u6570\u5B9A\u4E49"}),` `,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.code,{children:"useCallback"})," \u7528\u4E8E\u4F18\u5316\u51FD\u6570\u4F20\u9012\u8FC7\u7A0B\u4E2D\u7684\u6027\u80FD\u95EE\u9898\uFF0C\u4F7F\u7528\u6B64\u94A9\u5B50\u51FD\u6570\u53EF\u4EE5",(0,n.jsx)(e.strong,{children:"\u8FD4\u56DE\u4E00\u4E2A\u8BB0\u5FC6\u5316\u7684\u56DE\u8C03\u51FD\u6570"}),"\uFF0C\u4E5F\u5C31\u662F\u786E\u4FDD\u5728\u4F9D\u8D56\u9879\u4E0D\u53D8\u7684\u60C5\u51B5\u4E0B\uFF0C\u8BE5\u56DE\u8C03\u51FD\u6570\u4FDD\u6301\u4E0D\u53D8\u3002\u901A\u8FC7\u4F7F\u7528 ",(0,n.jsx)(e.code,{children:"useCallback"}),"\uFF0C\u6211\u4EEC\u53EF\u4EE5\u907F\u514D\u5728\u6BCF\u6B21\u6E32\u67D3\u65F6\u90FD\u91CD\u65B0\u521B\u5EFA\u56DE\u8C03\u51FD\u6570\uFF0C\u4ECE\u800C\u51CF\u5C11\u4E0D\u5FC5\u8981\u7684\u5B50\u7EC4\u4EF6\u91CD\u65B0\u6E32\u67D3\u3002"]}),` `,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.code,{children:"useCallback"}),"\u4E0E",(0,n.jsx)(e.code,{children:"useMemo"}),"\u7684\u8BED\u6CD5\u57FA\u672C\u76F8\u4F3C\uFF1A"]}),` `,(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-jsx",children:`const memoizedCallback = useCallback(callbackFunction, dependencies); `})}),` `,(0,n.jsxs)(e.ul,{children:[` `,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.code,{children:"callbackFunction"}),"\uFF1A\u662F\u8981\u8FDB\u884C\u4F18\u5316\u7684\u56DE\u8C03\u51FD\u6570\u3002"]}),` `,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.code,{children:"dependencies"}),"\uFF1A\u662F\u4E00\u4E2A\u6570\u7EC4\uFF0C\u8868\u793A\u8BE5\u56DE\u8C03\u51FD\u6570\u6240\u4F9D\u8D56\u7684\u503C\u3002\u53EA\u6709\u5728 ",(0,n.jsx)(e.code,{children:"dependencies"})," \u4E2D\u7684\u503C\u53D1\u751F\u53D8\u5316\u65F6\uFF0C",(0,n.jsx)(e.code,{children:"useCallback"})," \u624D\u4F1A\u91CD\u65B0\u521B\u5EFA\u56DE\u8C03\u51FD\u6570\u3002"]}),` `]}),` `,(0,n.jsx)(e.h3,{children:"\u4F7F\u7528\u793A\u4F8B"}),` `,(0,n.jsxs)(e.p,{children:["\u901A\u5E38\u60C5\u51B5\u4E0B\uFF0C\u5982\u679C\u7236\u7EC4\u4EF6\u66F4\u65B0\u4E86\uFF0C\u5B50\u7EC4\u4EF6\u4E5F\u4F1A\u6267\u884C\u66F4\u65B0\uFF1B\u4F46\u662F\u6709\u7684\u573A\u666F\u4E0B\uFF0C\u66F4\u65B0\u662F\u6CA1\u6709\u5FC5\u8981\u7684\uFF0C\u8FD9\u4E2A\u65F6\u5019\u5C31\u6211\u4EEC\u53EF\u4EE5\u4F7F\u7528\xA0",(0,n.jsx)(e.code,{children:"useCallback"}),"\xA0\u6765\u8FD4\u56DE\u51FD\u6570\uFF0C\u518D\u4F20\u9012\u7ED9\u5B50\u7EC4\u4EF6\u3002"]}),` `,(0,n.jsxs)(e.p,{children:["\u5F53\u4E0D\u4F7F\u7528 ",(0,n.jsx)(e.code,{children:"useCallback"})," \u4F18\u5316\u56DE\u8C03\u51FD\u6570\u4F20\u9012\u65F6\uFF0C\u53EF\u80FD\u4F1A\u5BFC\u81F4\u5B50\u7EC4\u4EF6\u7684\u4E0D\u5FC5\u8981\u91CD\u590D\u6E32\u67D3\uFF1A"]}),` `,(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-jsx",children:`import React, { useState } from 'react'; // \u5B50\u7EC4\u4EF6 function ChildComponent({ onClick }) { console.log('ChildComponent re-rendered'); return ; } // \u7236\u7EC4\u4EF6 function ParentComponent() { const [a, setA] = useState(0); const [b, setB] = useState(0); // \u4E0D\u4F7F\u7528 useCallback\uFF0C\u6BCF\u6B21\u6E32\u67D3\u90FD\u4F1A\u521B\u5EFA\u65B0\u7684\u56DE\u8C03\u51FD\u6570 const handleClick = () => { setCount(count + 1); }; return (

Count: {count}

); } export default ParentComponent; `})}),` `,(0,n.jsxs)(e.p,{children:["\u5728\u4E0A\u8FF0\u7684\u4EE3\u7801\u4E2D\u65E0\u8BBA\u70B9\u51FB\u54EA\u4E2A\u6309\u94AE\u90FD\u4F1A\u89E6\u53D1\u7236\u7EC4\u4EF6\u7684\u6E32\u67D3\uFF0C\u800C\u6BCF\u6B21\u6E32\u67D3\u65F6\u90FD\u4F1A\u521B\u5EFA\u51FD\u6570 ",(0,n.jsx)(e.code,{children:"handleClick"})," \uFF0C\u7531\u4E8E\u5B50\u7EC4\u4EF6\u6BCF\u6B21\u63A5\u6536\u5230\u4E0D\u540C\u7684\u51FD\u6570\u5F15\u7528\u89E6\u53D1\u7EC4\u4EF6\u66F4\u65B0\uFF0C\u9020\u6210\u4E86\u4E0D\u5FC5\u8981\u7684\u91CD\u65B0\u6E32\u67D3\u3002"]}),` `,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{src:"http://eddiehuang.oss-cn-guangzhou.aliyuncs.com/images/usecallback1.gif",alt:"usecallback1"})}),` `,(0,n.jsxs)(e.p,{children:["\u800C\u8FD9\u4E2A\u65F6\u5019\u6211\u4EEC\u5C31\u53EF\u4EE5\u901A\u8FC7\u4F7F\u7528 ",(0,n.jsx)(e.code,{children:"useCallback"})," \u5BF9\u7EC4\u4EF6\u8FDB\u884C\u4F18\u5316\u3002\u5B83\u53EF\u4EE5\u5E2E\u52A9\u6211\u4EEC\u907F\u514D\u4E0D\u5FC5\u8981\u7684\u5B50\u7EC4\u4EF6\u91CD\u65B0\u6E32\u67D3\uFF0C\u63D0\u9AD8\u5E94\u7528\u7684\u6027\u80FD\u3002"]}),` `,(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-jsx",children:`import React, { useState, useCallback } from 'react'; // \u4F7F\u7528React.memo\u9AD8\u9636\u7EC4\u4EF6\u5305\u88F9\u5B50\u7EC4\u4EF6 const ChildComponent = React.memo(({ onClick }) => { console.log('ChildComponent re-rendered'); return ; }); // \u7236\u7EC4\u4EF6 function ParentComponent() { const [a, setA] = useState(0); const [b, setB] = useState(0); const handleClick = useCallback(() => { setA(a + 1); }, [a]); return (

Count: {a}

); } export default ParentComponent; `})}),` `,(0,n.jsxs)(e.p,{children:["\u901A\u8FC7\u4E3A",(0,n.jsx)(e.code,{children:"useCallback"}),"\u7ED1\u5B9A\u4F9D\u8D56\u9879\u5E76\u4F7F\u7528",(0,n.jsx)(e.code,{children:"React.memo"}),"\u5305\u88F9\u5B50\u7EC4\u4EF6",(0,n.jsx)(e.strong,{children:"\u5207\u8BB0"}),"\uFF0C\u6211\u4EEC\u907F\u514D\u4E86\u5B50\u7EC4\u4EF6\u4E0D\u5FC5\u8981\u7684\u91CD\u590D\u6E32\u67D3\u3002"]}),` `,(0,n.jsxs)(e.blockquote,{children:[` `,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.code,{children:"React.memo"}),"\u662F\u9AD8\u9636\u7EC4\u4EF6\uFF0C\u5982\u679C\u60A8\u7684\u7EC4\u4EF6\u5728\u7ED9\u5B9A\u76F8\u540C\u7684 ",(0,n.jsx)(e.code,{children:"props"})," \u7684\u60C5\u51B5\u4E0B\u5448\u73B0\u76F8\u540C\u7684\u7ED3\u679C\uFF0C\u5219\u5728\u67D0\u4E9B\u60C5\u51B5\u4E0B\uFF0C\u60A8\u53EF\u4EE5\u901A\u8FC7\u8BB0\u4F4F\u7ED3\u679C\u5C06\u5176\u5305\u88C5\u5728\u8C03\u7528\u4E2D\u4EE5\u63D0\u9AD8\u6027\u80FD\u3002\u8FD9\u610F\u5473\u7740 ",(0,n.jsx)(e.code,{children:"React"})," \u5C06\u8DF3\u8FC7\u6E32\u67D3\u7EC4\u4EF6\uFF0C\u5E76\u91CD\u7528\u4E0A\u6B21\u6E32\u67D3\u7684\u7ED3\u679C\u3002"]}),` `]}),` `,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.img,{src:"http://eddiehuang.oss-cn-guangzhou.aliyuncs.com/images/usecallback2.gif",alt:"usecallback2"})}),` `,(0,n.jsxs)(e.p,{children:["\u5728\u8FD9\u4E2A\u793A\u4F8B\u4E2D\uFF0C\u7531\u4E8E\u7236\u7EC4\u4EF6\u4E2D\u7684 ",(0,n.jsx)(e.code,{children:"handleClick"})," \u56DE\u8C03\u51FD\u6570\u901A\u8FC7 ",(0,n.jsx)(e.code,{children:"useCallback"})," \u8FDB\u884C\u4E86\u4F18\u5316\uFF0C\u5E76\u4E14\u5B50\u7EC4\u4EF6\u4F7F\u7528 ",(0,n.jsx)(e.code,{children:"React.memo"})," \u8FDB\u884C\u4E86\u5305\u88C5\uFF0C\u6240\u4EE5\u5B50\u7EC4\u4EF6\u53EA\u4F1A\u5728\u4F20\u9012\u7ED9\u5B83\u7684\u5C5E\u6027\uFF08\u5305\u62EC\u56DE\u8C03\u51FD\u6570\uFF09\u53D1\u751F\u53D8\u5316\u65F6\u624D\u4F1A\u91CD\u65B0\u6E32\u67D3\u3002\u56E0\u6B64\uFF0C\u5373\u4F7F\u7236\u7EC4\u4EF6\u91CD\u65B0\u6E32\u67D3\uFF0C\u5B50\u7EC4\u4EF6\u4E5F\u4E0D\u4F1A\u56E0\u4E3A\u4F18\u5316\u540E\u7684\u56DE\u8C03\u51FD\u6570\u6CA1\u6709\u53D1\u751F\u53D8\u5316\u800C\u91CD\u65B0\u521B\u5EFA\u548C\u91CD\u65B0\u6E32\u67D3\u3002"]}),` `,(0,n.jsx)(e.h2,{children:"\u5E94\u7528\u573A\u666F"}),` `,(0,n.jsxs)(e.p,{children:["\u4E0A\u6587\u4ECB\u7ECD\u4E86 ",(0,n.jsx)(e.code,{children:"useMemo"})," \u548C ",(0,n.jsx)(e.code,{children:"useCallback"})," \u7684\u57FA\u672C\u8BED\u6CD5\u5E76\u4E3E\u4E86\u4E24\u4E2A\u7B80\u5355\u7684\u4F8B\u5B50\uFF0C\u4E0B\u9762\u518D\u63A8\u8350\u4E00\u4E0B\u8FD9\u4E24\u4E2A\u94A9\u5B50\u51FD\u6570\u7684\u4E3B\u8981\u5E94\u7528\u573A\u666F\uFF0C\u5E0C\u671B\u5927\u5BB6\u5728\u9700\u8981\u7684\u65F6\u5019\u53EF\u4EE5\u60F3\u8D77\u5B83\u4EEC\u3002"]}),` `,(0,n.jsxs)(e.ul,{children:[` `,(0,n.jsxs)(e.li,{children:[` `,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:"useMemo \u7684\u5E94\u7528\u573A\u666F\uFF1A"})}),` `,(0,n.jsxs)(e.ul,{children:[` `,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"\u6602\u8D35\u7684\u8BA1\u7B97\uFF1A"})," \u5F53\u9700\u8981\u8FDB\u884C\u590D\u6742\u6216\u6602\u8D35\u7684\u8BA1\u7B97\u4EE5\u751F\u6210\u67D0\u4E2A\u503C\u65F6\uFF0C\u53EF\u4EE5\u4F7F\u7528 ",(0,n.jsx)(e.code,{children:"useMemo"})," \u6765\u7F13\u5B58\u8BA1\u7B97\u7ED3\u679C\uFF0C\u907F\u514D\u5728\u6BCF\u6B21\u6E32\u67D3\u65F6\u91CD\u65B0\u8BA1\u7B97\u3002\u8FD9\u5728\u907F\u514D\u6027\u80FD\u95EE\u9898\u7684\u540C\u65F6\u4FDD\u6301\u4EE3\u7801\u6E05\u6670\u6027\u5F88\u6709\u5E2E\u52A9\u3002"]}),` `,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"\u6E32\u67D3\u6027\u80FD\u4F18\u5316\uFF1A"})," \u5F53\u4E00\u4E2A\u7EC4\u4EF6\u7684\u6E32\u67D3\u4F9D\u8D56\u4E8E\u4E00\u4E9B\u503C\uFF0C\u4F46\u8FD9\u4E9B\u503C\u5728\u6E32\u67D3\u5468\u671F\u5185\u4E0D\u4F1A\u6539\u53D8\u65F6\uFF0C\u53EF\u4EE5\u4F7F\u7528 ",(0,n.jsx)(e.code,{children:"useMemo"})," \u6765\u7F13\u5B58\u7EC4\u4EF6\u7684\u6E32\u67D3\u7ED3\u679C\uFF0C\u907F\u514D\u4E0D\u5FC5\u8981\u7684\u6E32\u67D3\u3002"]}),` `]}),` `]}),` `,(0,n.jsxs)(e.li,{children:[` `,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:"useCallback \u7684\u5E94\u7528\u573A\u666F\uFF1A"})}),` `,(0,n.jsxs)(e.ul,{children:[` `,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"\u4F20\u9012\u7ED9\u5B50\u7EC4\u4EF6\u7684\u56DE\u8C03\u51FD\u6570\uFF1A"})," \u5F53\u5C06\u56DE\u8C03\u51FD\u6570\u4F20\u9012\u7ED9\u5B50\u7EC4\u4EF6\u65F6\uFF0C\u4F7F\u7528 ",(0,n.jsx)(e.code,{children:"useCallback"})," \u53EF\u4EE5\u786E\u4FDD\u56DE\u8C03\u51FD\u6570\u53EA\u5728\u4F9D\u8D56\u9879\u53D8\u5316\u65F6\u91CD\u65B0\u521B\u5EFA\u3002\u8FD9\u53EF\u4EE5\u907F\u514D\u4E0D\u5FC5\u8981\u7684\u5B50\u7EC4\u4EF6\u91CD\u65B0\u6E32\u67D3\u3002"]}),` `,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"\u4F18\u5316 useEffect \u7684\u4F9D\u8D56\u9879\uFF1A"})," \u5F53\u5728 ",(0,n.jsx)(e.code,{children:"useEffect"})," \u4E2D\u4F7F\u7528\u56DE\u8C03\u51FD\u6570\u65F6\uFF0C\u4F7F\u7528 ",(0,n.jsx)(e.code,{children:"useCallback"})," \u53EF\u4EE5\u907F\u514D\u5728\u4F9D\u8D56\u9879\u53D8\u5316\u65F6\u89E6\u53D1\u4E0D\u5FC5\u8981\u7684\u526F\u4F5C\u7528\u3002"]}),` `,(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"\u9632\u6B62\u5197\u4F59\u66F4\u65B0\uFF1A"})," \u5F53\u4F7F\u7528\u7C7B\u4F3C ",(0,n.jsx)(e.code,{children:"setState"})," \u7684\u66F4\u65B0\u51FD\u6570\u65F6\uFF0C\u4F7F\u7528 ",(0,n.jsx)(e.code,{children:"useCallback"})," \u53EF\u4EE5\u9632\u6B62\u4E0D\u5FC5\u8981\u7684\u7EC4\u4EF6\u91CD\u65B0\u6E32\u67D3\uFF0C\u4ECE\u800C\u63D0\u9AD8\u6027\u80FD\u3002"]}),` `]}),` `]}),` `]}),` `,(0,n.jsx)(e.h2,{children:"\u603B\u7ED3"}),` `,(0,n.jsxs)(e.p,{children:["\u672C\u6B21\u7684\u6587\u7AE0\u7B80\u5355\u5730\u4E3E\u4F8B\u5E76\u4ECB\u7ECD\u4E86 ",(0,n.jsx)(e.code,{children:"useMemo"})," \u548C ",(0,n.jsx)(e.code,{children:"useCallback"}),"\u3002\u901A\u8FC7\u4F7F\u7528\u8FD9\u4E24\u4E2A\u94A9\u5B50\uFF0C\u6211\u4EEC\u53EF\u4EE5\u4F18\u5316 ",(0,n.jsx)(e.code,{children:"React"})," \u5E94\u7528\u7684\u6027\u80FD\uFF0C\u907F\u514D\u4E0D\u5FC5\u8981\u7684\u8BA1\u7B97\u548C\u51FD\u6570\u91CD\u65B0\u521B\u5EFA\u3002\u4F46\u540C\u65F6\u6EE5\u7528\u4E5F\u53EF\u80FD\u5BFC\u81F4\u4EE3\u7801\u53D8\u5F97\u66F4\u52A0\u590D\u6742\uFF0C\u5728\u5B9E\u9645\u5F00\u53D1\u4E2D\uFF0C\u5BF9\u4E8E\u4E00\u4E9B\u7B80\u5355\u7684\u573A\u666F\uFF0C\u53EF\u80FD\u4E0D\u9700\u8981\u4F7F\u7528\u8FD9\u4E9B\u94A9\u5B50\u51FD\u6570\uFF0C\u800C\u5BF9\u4E8E\u590D\u6742\u7684\u60C5\u51B5\uFF0C\u4F7F\u7528\u5B83\u4EEC\u53EF\u4EE5\u6709\u6548\u5730\u4F18\u5316\u6027\u80FD\u3002"]}),` `,(0,n.jsxs)(e.p,{children:["[\u7B2C\u4E00\u7BC7](",(0,n.jsx)(e.a,{href:"https://juejin.cn/post/7271053133886488630",title:"https://juejin.cn/post/7271053133886488630",children:"\u76D8\u70B9React\u5E38\u7528Hooks\uFF081\uFF09\u2014\u2014 useState\u3001useEffect | \u9752\u8BAD\u8425 - \u6398\u91D1 (juejin.cn)"}),")"]}),` `,(0,n.jsxs)(e.p,{children:["[\u7B2C\u4E8C\u7BC7](",(0,n.jsx)(e.a,{href:"https://juejin.cn/post/7271283075170451492",children:"\u76D8\u70B9React\u5E38\u7528Hooks\uFF082\uFF09\u2014\u2014 useRef | \u9752\u8BAD\u8425 - \u6398\u91D1 (juejin.cn)"}),")"]})]})}function u(c={}){let{wrapper:e}=c.components||{};return e?(0,n.jsx)(e,{...c,children:(0,n.jsx)(a,{...c})}):a(c)}return M(R);})(); ;return Component;

盘点React常用Hooks（3）—— useMemo、useCallback