로딩
요청 처리 중입니다...

[React] Class형 컴포넌트에서 Event 바인딩을 해주지 않으면 왜 오류가 날까? : React.createElement의 동작방식

[React] Class형 컴포넌트에서 Event 바인딩을 해주지 않으면 왜 오류가 날까? : React.createElement의 동작방식

React에서 Class를 사용한 컴포넌트 기준의 라이프사이클에 대해 포스팅을 하나 하려고 예제를 짜던 중, 궁금한 점이 하나 생겼다. React에서 Class형 컴포넌트를 이용해 코드를 짜 봤다면 알겠지만(요즘은 대부분 함수형 컴포넌트를 쓰지만...), Class형 컴포넌트의 constructor의 경우 아래 코드와 같이 초기 state와 event를 바인딩 해줘야 한다. class Example extends React.Component { constructor(props) { super(props); this.state = { number: 0, }; this.handleNumber = this.handleNumber.bind(this); } handleNumber() { console.log(this.state.number); this.setState({ number: this.state.number + 1, }); } render() { return

# createElement # react # reactclass # reactrender # react이벤트 # react컴포넌트 # 리액트컴포넌트 # 리액트클래스컴포넌트

원문 링크 : [React] Class형 컴포넌트에서 Event 바인딩을 해주지 않으면 왜 오류가 날까? : React.createElement의 동작방식

등록된 다른 글

[Java] 접근지정자
[Java] 접근지정자
[Node.js] Node.js 서버 성능 개선을 위한 클러스터링(Clustering)
[Node.js] Node.js 서버 성능 개선을 위한 클러스터링(Clustering)
[프로그래머스] 피보나치 수(JavaScript)
[프로그래머스] 피보나치 수(JavaScript)
[프로그래머스] 숫자 문자열과 영단어(JavaScript)
[프로그래머스] 숫자 문자열과 영단어(JavaScript)
[프로그래머스] 오픈채팅방 (JavaScript)
[프로그래머스] 오픈채팅방 (JavaScript)
[LeetCode] 198. House Robber (JavaScript)
[LeetCode] 198. House Robber (JavaScript)