인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

hyuksukwon0044's profile image
hyuksukwon0044

asked

Developing web applications using React & Express

Hot Module Replacement | React Hot Loader

onClick이벤트를 섹션2의 state예제처럼 handleClick으로 빼고 실행했을 경우?

Resolved

Written on

·

203

0

강좌 잘 보고 있습니다. 책이 너무 어려워서 이 곳 강좌를 먼저 듣고 있는데요. 잘 안되서 문의 드립니다. 질문 그대로 onClick을 섹션2에서의 state의 예제처럼 handleClick으로 빼보니 안되네요? 음, 쓰지말라고 했던 this.forceUpdate()를 하니 적용이 되구요. 하도 안되어서 혹시나해서 forceUpdate를 했습니다. import React from 'react'; class App extends React.Component { constructor(props) { super(props); this.state = { name : 'bruce' }; this.handleClick = this.handleClick.bind(this); } handleClick() { // this.state = ({ // name : ' wayne' // }); this.state = ({ name : ' wayne' }); this.forceUpdate(); } render() { return ( ClickMe Hello World!! {this.state.name} ) } } export default App;
react

Answer 2

0

hyuksukwon0044님의 프로필 이미지
hyuksukwon0044
Questioner

아, 죄송합니다. 오타가 있었네요. setState 메소드를 = 로 했었네요. ^^;;;; 감사합니다. 

0

hyuksukwon0044님의 프로필 이미지
hyuksukwon0044
Questioner

이거 modify가 안되네요. 저 위에 handleClick() { // this.state = ({ <=========== 이 부분을 this.setState로 했습니다. // name : ‘ wayne’ // }); this.state = ({ name : ‘ wayne’ });
hyuksukwon0044's profile image
hyuksukwon0044

asked

Ask a question