리액트 네이티브 useState

기본 사용

const [변수명, set변수명] = useState([]);

useState의 기존 데이터 + 새로운 데이터

const [test, setTest] = useState(['기존정보']);

setTest((prevState) =>{
	return ['새정보', ...prevState];
});

//test
//['새정보','기존정보']

기존 데이터가 무겁고 계속 새로운 데이터를 넣을경우

const havyWork () =>{
	return ['무거운데이터'];
}

const [test, setTest] = useState(() => {
	return havyWork();
}

setTest((prevState) => {
	return ['새로운정보', ...prevState];
}


//test
처음에 한번만 무거운 데이터가 호출되어 저장되고
이후 계속 새로운 정보를 넣어도 무거운 데이터는 있지만 다시불러오지 않음