[React] useState사용하기

 

import React, { useState } from 'react';

• React에서 사용하는 대표적인 변수이다.

• useState를 사용하기 위해서는 반드시 useState를 import 해야 한다.

 

 

const [email, setEmail] = useState("");

• useState를 사용하는 방법 중 하나이다.

• 변수명은 앞의 변수명1과 뒤의 변수명2가 있다.

• 변수명1은 값을 불러올 때 사용한다.

• 변수명2는 변수명1을 변경할때 사용한다.

• 변수명1을 변경하고 싶을때는 set변수명2(’변경 값’)으로 사용한다.

ex) setEmail(”입력할 email 값”);

 

 

⏯️ 사용하기

<input type="text" required="required" value={email}                          onChange={(e)=> setEmail(e.target.value)} autoComplete="off"/>

• 위의 useState를 input에 적용하였다.

• input창이 입력 될 때마다, setEmail을 통해서 Email값이 변경된다.