리액트 useState 배열값 상태변경

먼저 3번의 fetch를 받아 올거기 때문에 3개의 배열이 있는 useState 작성

  const [category, setCategory] = useState([[], [], []])

처음 페이지 로드 될떄 fetch useState 안에 작성

  useEffect(() => {
    fetch(`data/mainCategory.json `)

      .then((res) => res.json())
      .then(data => {
        let copy = [...category]
        copy[0] = data
        setCategory(copy)
        console.log(copy);
      })
      .catch(() => { console.log('error') });


  }, []);

copy 라는 변수 생성 후 spread문법을 사용하여 선언한 변수를 넣고

copy[원하는 번쨰] = 원하는 데이터 를 넣고

setCategory(copy) useState 상태값 변경 문법을 사용 하면 배열값의 상태를 변경할 수있다