setState 함수에 전달 된 상태를 mutate 할 수 있습니까?

Question

는 내가 직접 반작용의 상태를 변이 안 알아,하지만 어떻게 상황에 대해 내가 기능을 사용할 때 :이 통과 객체를 수정하는 실수

onSocialClick = e => { 
    const id = e.target.value; 
    this.setState((prevState, props) => { 
     prevState[id] = !(prevState[id]); 
     return prevState; 
    }); 
}; 

인가를?

편집 :

그것은 우리의 대부분은 잘못 여기있는 것으로 나타났다. 반응 : docs state it clearly now :

prevState는 이전 상태를 나타냅니다. 그것은 직접 변이해서는 안됩니다. 대신 prevState 및 props의 입력을 기반으로 새 객체를 작성하여 변경 사항을 표현해야합니다.

@ Tomáš Hübelbauer에게 감사의 말씀을 전합니다.

Answer 1

상태를 직접 변경하는 것이 좋습니다. 또한, 이전 상태를 돌연변이시킨 다음 돌려주는 것은별로 의미가 없습니다. 당신이 원하는 모든 state[id]의 상태를 전환하는 경우로 코드를 수정처럼 더 :

onSocialClick = e => { 
    const id = e.target.value; 
    this.setState({this.state[id]: !this.state[id}); 
}; 

Answer 2

클리너 방법은 당신이 원하는 속성을 직접 참조하는 것입니다 편집 :

doIt =() => this.setState(({ [id]: prevValue }) => ({ 
    [id]: !prevValue, 
})); 

Answer 3

당신이하는 방식은 잘못이 아닙니다. 그 인수를 수정하고 그것을 반환하는 완벽하게 okk. 그것은 실수 : 아니하지 않다가

onSocialClick = e => { 
    const id = e.target.value; 
    this.setState((prevState, props) => { 
     return {[id] : !(prevState[id])}; 
    }); 
};