[React] 이벤트 처리, useState, prop - 예제 코드 이벤트 처리(Handling Event) export default function Welcome () { function showName () { console.log("yuns") } function showAge (age) { console.log(age) } function showText (txt) { console.log(txt) } return ( Welcome! Show name {showAge(10)} }>Show age { const txt = e.target.value; showText(txt); }} /> ) } useState() state : 컴포넌트가 갖고 있는 속성값 import { useState } from "react"; export default function We.. [React] Event의 정의 및 처리 Handling Events 1. Event 특정 사건을 의미 → 예) 사용자가 버튼을 클릭하는 사건 ✅ 버튼 클릭 이벤트 Event를 처리하다. = Event를 Handling 한다. DOM의 Event Activate 리액트의 Event Activate Event 이름이 CamelCase(카멜 표기법)로 표기된다. Event를 처리할 함수를 문자열로 전달(DOM)하지 않고, 함수 그대로 전달한다. 2. Event Handler 어떤 이벤트가 발생했을 때, 해당 이벤트를 처리하는 함수 Event Listener라고 부르기도 한다. class Toggle extends React.Component { constructor(props) { super(props); this.state = { isToggle.. 이전 1 다음
