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 |
31 |
Tags
- javascript arrow function
- react class method bind
- parcel
- client side rendering
- 순차리스트
- 자료구조
- es6 module
- Browser API
- web server vs was
- #javascript #자바스크립트 완벽가이드 #자바스크립트 코뿔소
- js arrow function
- javascript destructuring
- server side rendering
- javascript eventloop
- es6 destructuring
- JavaScript
- react
- 선형리스트
- 크롬 익스텐션 개발
- DOM API
- chrome extension development
- react lifecycle
- javascript spread
- js promise
- react event bind
- task queue
- es6 promise
- javascript class method bind
- es7 async await
- es6 symbol
- Today
- 31
- Total
- 400,412
목록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