Nextjs useState

 

useState()함수를 호출하면, 값을 저장하는 변수와 그 값을 수정하는 전용 함수를 할당 받는다.

기본 값이 필요하면 함수 인자로 값을 넣으면 된다.
useState(); or useState(123); 

 

매번 새로 할당해서 리턴하는 듯하고 수정하는 함수는 render갱신 요청과 연결되어 있는 듯.

 

 

nextjs코드(ts)

import { useState } from "react";

const State1 = () => {
	{
		const [usv1, setUsv1] = useState<number>(11);
		const [usv2, setUsv2] = useState<number>(22);
		if (usv1 == 11) { setUsv1(123); }
	}
	{
		const [usv1, setUsv1] = useState<number>();
		const [usv2, setUsv2] = useState<number>();
		if(usv2 == null) { setUsv2(456); }

		return (
			<div>
				usv1: {usv1} <br />
				usv2: {usv2} <br />
			</div>
		);
	}
}


export default State1;

nestjs결과