Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 순차리스트
- react class method bind
- client side rendering
- es6 symbol
- react lifecycle
- chrome extension development
- es6 destructuring
- task queue
- javascript eventloop
- javascript arrow function
- react
- 자료구조
- js arrow function
- server side rendering
- javascript class method bind
- javascript spread
- javascript destructuring
- react event bind
- JavaScript
- es7 async await
- js promise
- parcel
- web server vs was
- es6 module
- es6 promise
- Browser API
- DOM API
- 크롬 익스텐션 개발
- #javascript #자바스크립트 완벽가이드 #자바스크립트 코뿔소
- 선형리스트
- Today
- 81
- Total
- 430,303
목록react event bind (1)
비실이의 개발 성장기
ES6 class 문법으로 react 컴포넌트 개발 시, 이벤트핸들러 메소드를 선언하고 반드시 constructor 내부에서 바인딩을 해줘야 한다. 만약, 이벤트핸들러 메소드에 바인드를 해주지 않으면 이벤트콜백이 발생했을 시 메소드 내부 this 는 예상과는 다른 곳을 참조하게 된다. 아래는 버튼을 누르면 handleClickIncrement 이벤트 함수가 호출되어 count 값을 1씩 증가시키는 간단한 react 컴포넌트다. 12345678910111213141516171819202122232425262728class Application extends React.Component { constructor(props) { super(props); this.state = { count: 0 } } han..
프론트엔드/react.js
2018. 12. 8. 14:19