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

인프런 커뮤니티 질문&답변

권혁수님의 프로필 이미지
권혁수

작성한 질문수

React & Express 를 이용한 웹 어플리케이션 개발하기

Hot Module Replacement | React Hot Loader

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

해결된 질문

작성

·

185

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;

답변 2

0

권혁수님의 프로필 이미지
권혁수
질문자

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

0

권혁수님의 프로필 이미지
권혁수
질문자

이거 modify가 안되네요. 저 위에 handleClick() { // this.state = ({ <=========== 이 부분을 this.setState로 했습니다. // name : ‘ wayne’ // }); this.state = ({ name : ‘ wayne’ });
권혁수님의 프로필 이미지
권혁수

작성한 질문수

질문하기