useState 로 Object, Array 타입 변경 어떻게 하시나요 ?

useState로 Object, Array를 만들고 object 필드를 변경할 때 보통 어떻게 하시나요? 구글링 해보면 […state] 로 새로운 배열을 만들고 업데이트 하거나 map으로 배열을 만들어서 업데이트 하는 방법 두 개가 나오는데 의견을 듣고 싶습니다.

useState에서 previous state인자를 사용하는 방법과 이전 값을 spread해서 사용하는 방법중 어떤 방법을 사용해야 할지 고민입니다

const [imageArray, setImageArray] = useState([]); 혹시 어떤 배열안에 있는 객체요소 state변경을 할때, setState 인자인 previous state를 받아서 수정하는게 나은가요? 예) setImageArray((prev)=> [ …prev, {something}]) 아니면 spread로 새로운 배열로 복사해서 이것을 수정하고 setState에 넣는게 나은가요? 예) const copiedArray = […imageArray]; copiedArray. something something 작업 setImageArray(copiedArray);

useEffect에서 useState를 동기로 쓸 수 있는 방법이 있을까요?

useEffect에서 useState를 동기로 쓸 수 있는 방법이 있을까요 ? set 함수에 콜백함수를 넘겨줘도 비동기로 작동을 하네요. 코드는 아래와 같은 상황입니다.

Redux subscribe vs Redux useState, 어떤 방식이 더 좋을까요?

Redux에서 제공하는 subscribe 메서드를 사용하여 컴포넌트를 재렌더링하는 방법과, Redux 데이터를 useState를 사용하여 로컬 state로 받아서 컴포넌트를 재렌더링하는 방법 중 어떤 방식이 더 좋을까요?

재사용을 자주하는 모달 컴포넌트 관리

혹시 모달컴포넌트 같은경우는 재사용할일이 많은데 최상위단에 모달컴포넌트 생성해놓고 쓰시나요? 최상위에 등록 해놓고 state로 온오프 관리하고 서비스기능은 따로 모듈로 빼서 const [setOpen, setClose] = useModalHandler({ title, description }) 이런식으로 사용하려고 생각했습니다. 다른 방법이나 위 내용에 대해 조언 부탁드립니다!

react의 setState가 정상동작하지 않아요.

react를 이용해 이것저것 테스트해보고 있는데요. 버튼을 눌렀을 때 state를 1 증가시키는 예제를 해보고 있습니다. const oneCountUp = () => { setCount(count + 1); }; 위처럼 1 증가시키는 함수를 정의해서 onClick에서 위의 함수를 호출하는 방식으로 했습니다. 근데 호기심에 3을 증가시켜보자 하고 oneCountUp을 3번 호출했습니다. 근데 여전히 1만 올라갑니다. 왜 그런걸까요??? import React, { useState } from 'react'; export default function CountTest() { const [count, setCount] = useState(1); const oneCountUp = () => { setCount(count + 1); }; return ( <div> <button onClick={() => { oneCountUp(); oneCountUp(); oneCountUp(); }} > 1 증가 </button> <p>{count}</p> </div> ); }