import * as React from "react" ; const Hooks = ( ) => { const [ count , setCount ] = React . useState ( 100 ) ; const [ _ , setTestObject ] = React . useState ( { count : 1 } ) ; console . log ( "Function Component Render" ) ; return ( < div > 훅스 컴포넌트 { count } < br /> { } < button onClick = { ( ) => setCount ( 100 ) } > primitive Type 렌더링 체크 ( Hooks ( Function Component ) ) < /button> { } < button onClick = { ( ) => setTestObject ( { count : 1 } ) } > Object Type 렌더링 체크 ( Hooks ( Function Component ) ) < /button> < /div>); } ; export default React . memo ( Hooks ) ;