useState 질문

[wyk]

객체나 배열이 담긴 useState를 변경할 때에는 원본을 수정해서는 안된다고 말씀해 주셨는데, 

 const onChange = (e: { originalEvent: Event, value: number, id: string }) => {
        setSchedulingTime((prevState) => {
            return {
                ...prevState,
                [e.id]: e.value
            };
        });
    };

 

이런식으로 수정을 하는 것도 선생님이 말씀해주신 원본을 수정하지 않고 state를 변경하는 방법 중 하나인가요??

아니라면 이건 자바스크립트의 무슨 문법을 검색해야 공부할 수 있는건지 알려주실 수 있나요??

 

[codingapple]

state변경함수에 콜백함수집어넣으면 그 함수 파라미터는 이전 state가 됩니다 

저기서도 기존 state를 복사만 했을 뿐이군요 

[wyk]

그러면 deep copy를 해서 객체 state를 수정해야 할 때는 언제인가요? 

 

const onChange = (e: { originalEvent: Event, value: number, id: string }) => {
    setSchedulingTime((prevState) => {
        return {
            ...prevState,
            [e.id]: e.value
        };
    });
};

const onChange = (e: { originalEvent: Event, value: number, id: string }) => {
    let newState = {
        ...scheduling,
         [e.id]: e.value
        };
        setSchedulingTime(newState)
};

 

위에 방법과 아래 방법의 차이는 무엇이죠??

 

[codingapple]

array/object자료는 항상 카피해서 수정하면 됩니다 

위아래 같은 코드입니다 

[글쓴이]

글