class Square extends React.Component {
constructor(props) {
super(props); // 서브클래스의 생성자를 정의 시 super() 명시적으로 호출 필요
this.state = {
value: null,
};
}
render() {
return (
<button className="square" onClick={() => this.setState({value: this.props.value})}>
{this.state.value}
</button>
);
}
}
props, state 관련 출처: https://ljh86029926.gitbook.io/coding-apple-react/1/props-and-state
function Example() {
const [count, setCount] = useState(0);
return (
<button onClick={() => setCount(count + 1)}></button>
);
}
useState()
의 parameter 값은 state 값의 초기 값이다.useState()
는 state 변수와 해당 변수를 갱신할 수 있는 함수(set) 쌍을 반환한다.출처 https://ko.reactjs.org/docs/hooks-intro.html
shouldComponentUpdate()
에 대해 더 알아볼 것.읽어보기 shouldcomponentupdate-in-action