강의 하나를 완강하고 (사실 예전 강의라서 당장 써먹으려니 힘들었다..) 기존 Vue로 만들었다가 잠적 중단 시켜뒀던 프로젝트를 다시 시작해보려고 했다.. 하지만 막상 쓰려니 강의에서 썼던 setState가 아니라 useState를 사용하라고 한다.. 요즘은 setState는 옛날 거라면서 .. 이해했다. 그래서 useState를 쓰려고 예제를 보고 이걸 바로 적용시키려고 하니 내가 머리가 받아주질 않는다. 아니 도대체 어떻게 동작하는 거고, 어떻게 쓰는 건데? 그래서 이것에 대해 이야기를 하며 내 스스로가 좀 배우고 깨닫길 바라는 마음으로 글을 작성하려고 한다. useState? useState는 배열을 return해주는 함수이다. 예제로는 const [state, setState] = useState..
FrontEnd

Objects are not valid as a React child ~ If you meant to render a collection of children, use an array instead. 해결 방법 문제 상황 fetch를 이용하여 api를 호출, 서버에서 값을 받아와서 이 값을 페이지에 출력하려 했다. 하지만 정상적으로 출력되지 않고 아래와 같은 시뻘건 에러를 뱉는다. 원인 JSON 타입의 Object를 그대로 렌더링 하려고 하니 에러를 뱉는 것이다. 해결방법 나 같은 경우에는 JSON.stringify를 이용하여 해당 객체를 출력했다. const LoginPage:React.FC = () => { const [test, setTest] = useState([]); const [idValue..