[React] React.Memo를 사용해서 어플 최적화하는 방법

import React from "react"; function Btn({ text, IfYouPressBtn }) { return ( <button style={{ backgroundColor: "tomato", color: "white", padding: "10px 20px", border: 0, borderRadius: 10, }} onClick={IfYouPressBtn} > {text} </button> ); } const MemorizedBtn = React.memo(Btn); //여기 function App() { const [value, setValue] = React.useState("Save Changes"); const changeValue = () => setValue("Revert Changes"); return ( <div> <MemorizedBtn text={value} IfYouPressBtn={changeValue} /> {/* usestate에서 st...

원문링크 : [React] React.Memo를 사용해서 어플 최적화하는 방법