useState / props

useState

• 리액트에서 동적인 부분으로 값을 변경 시킬 수 있다.
• 동적인 값을 상태(state)라고 부른다

리액트 16.8 이전 버전에서는 함수형 컴포넌트에서는 상태를 관리할 수 없었는데, 리액트 16.8 에서 Hooks 라는 기능이 도입되면서 함수형 컴포넌트에서도 상태를 관리할 수 있게 되었다.

기본 구조

import React, { useState } from 'react';

const [name, setName] = useState("");

name : 변경 후의 값
setName : 변경시키는 함수
useState("") : 기본 상태값

props

props 는 properties 의 줄임말입니다. 우리가 어떠한 값을 컴포넌트에게 전달해줘야 할 때, props 를 사용합니다.

• 전달하려는 컴포넌트에게 파라미터를 통해 조회 할 수 있습니다.
• props는 객체 형태로 전달되며 name을 조회하려면 props.name 하면됩니다.