[React] Component (함수형)

ksj0314·2024년 1월 26일
0

React

목록 보기
4/27

함수형 컴포넌트는 클래스형에 비해 간결한 문법으로 사용이 편리합니다.
다만 state와 lifecycle를 사용할 수 없었습니다.
React 16.8버전 이상에서 Hook의 등장으로 함수형 컴포넌트도 state와 lifecycle을 사용할 수 있습니다.

>> [React] Hook 더 알아보기


작성 예시

// JSX
import React, {useState} from "react";

function funcName(props){
    const [state, setState] = useState(0);
 
    return(
        <div>
            <p>{state}</p>
            <button onClick={() => setState(state+1)}>+</button>
        </div>
    );
}

export default funcName;

0개의 댓글