[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] React Hook의 개념과 종류 - useState(), useEffect() Hooks Function Component와 Hook 컴포넌트의 종류로는 Function Component와 Class Component가 있다. Function Component state 사용 불가 Lifecycle에 따른 기능 구현 불가 Hooks Class Component 생성자에서 state를 정의 setState() 함수를 통해 state 업데이트 Lifecycle methods 제공 Hook을 사용하면, Function Component도 Class Component의 기능을 모두 동일하게 사용할 수 있다. Hook 의미 및 특징 Hook, 갈고리 ➰ 기존에 사용하던 기능에 갈고리를 거는 것처럼 끼어 들어가 같이 수행되는 것. React Hook : 리액트의 state와 생명 주기 기능에.. 이전 1 다음
