Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- flask
- Class
- 채팅
- socket io
- 카톡
- Props
- EC2
- 튜플
- wetube
- SAA
- Vue
- 중급파이썬
- git
- docker
- async
- node
- lambda
- 파이썬
- crud
- dict
- TypeScript
- NeXT
- AWS
- MongoDB
- S3
- RDS
- SSA
- pandas
- merge
- react
Archives
- Today
- Total
목록Event (1)
초보 개발자
3-2 event, bind
react에서는 props값이나 state 값이 바뀌면 그 state를 가지고 있는 컴포넌트의 render함수가 다시 호출 된다 그리고 그 하위의 컴포넌트들의 render도 다시 호출 된다 -> 화면이 다시 그려진다. 이번에 해볼 것은 Subject에 있는 a태그에 event를 주어서 state.mode = "welcome" (default) 값을 "read"로 바꾸어 볼 것이다. 이것에 따라서 Content의 내용이 바뀌도록 설정해보았다. a 태그에 onClick={function(e){ e.preventDefault(); this.setState({ mode: "read"}) }.bind(this)} 결과적으로 이렇게 해주면 세팅이 된다 1번째 주의할 것 onclick onClick 소문자로하면 인식..
React
2021. 9. 3. 16:31