import * as React from "react" ; interface OwnProps { } interface OwnState { test : number ; testObject : { count : number ; } ; } type Props = OwnProps & OwnState ; description summary tutorial export class extends React . PureComponent export default class PureComponentClass extends React . PureComponent { state : Props ; constructor ( props ) { super ( props ) ; this . state = { test : 100 , testObject : { count : 1 , } } ; } render ( ) { console . log ( 'React.PureComponent render' ) ; return ( < div > 퓨어 컴포넌트 { this . state . test } < br /> { } < button onClick = { ( ) => this . setState ( { test : 100 } ) } > primitive Type 렌더링 체크 ( Pure Component ) < /button> { } { } < button onClick = { ( ) => this . setState ( { testObject : { count : 1 } } ) } > Object Type 렌더링 체크 ( Pure Component ) < /button> < /div>); } }