NewLearn (12) 리스트형 [React] 클래스 컴포넌트에서의 이벤트 핸들링 /* 정보 전달 목적의 글 보다는 공부하면서 기억하기 위해 적는 글입니다. 따라서 깊이가 얕으며, 잘못된 정보가 있을 수 있습니다. */ 클래스 컴포넌트에서 이벤트 핸들링하기 import React, { useState } from "react"; class MyComponent extends React.Component { state = { message: '', } render() { return ( { this.setState({ message: e.target.value, }) } }> ); } } export default MyComponent; e는 이벤트 객체로 이벤트에 대한 다양한 정보를 제공한다. e.target을 해야 이벤트가 일어난 태그(input)에 접근할 수 있다. 우리가 mess.. [React] setState()는 함수 인자를 전달해야한다. /* 정보 전달 목적의 글 보다는 공부하면서 기억하기 위해 적는 글입니다. 따라서 깊이가 얕으며, 잘못된 정보가 있을 수 있습니다. */ setState를 사용하여 state 값을 업데이트할 때는 상태가 비동기적으로 업데이트 된다. import React from "react"; class MyComponent extends React.Component { state = { number: 0, fixedNumber: 0, } render() { const { number, fixedNumber } = this.state; return ( {number} {fixedNumber} { this.setState((prev) => { return { number: prev.number + 1 }; }); thi.. 이전 1 2 다음