프로그래밍 방식으로 생성 된 반응 상태 키 이름

Question

ReactJS에서 변수 키 이름을 setState으로 전달하는 올바른 방법은 무엇입니까? 나 자신, 라 임시지도 경기에 출전 할 필요 찾는거야

removeLookup(idx) { 
    let lookupPrefix = this.composeKeys(Editor.fooDefinition, "lookups"); 
    let arraySizeKey = this.composeKeys(lookupPrefix, Editor.arrayLengthKey); 
    let lookupCount = this.state[arraySizeKey]; 

    let newState = new Map(); 
    newState[arraySizeKey] = lookupCount - 1; 
    newState[this.composeKeys(lookupPrefix, Editor.isDeletedKey)] = true; 

    this.setState(newState); 
} 

그것은 작동하지만 오히려 단지, 특히 경우에, 대신 선행지도를 구축, 각각의 수정과 setState를 호출 할 위치 I 만 그러한 수정을 한 번하십시오.

Answer 1

You don't have to use map you acn use just an obj. 

var _state = {}; 
_state[arraySizeKey] = lookupCount - 1; 
_state[this.composeKeys(lookupPrefix, Editor.isDeletedKey)] = true; 
this.setState(_state); 

하지만 아래의 생각은 당신이 당신이 변수 이름을 쓸 수 있습니다 필요하다 [...]

키 문자열의 배열이 아닌 문자열을 만드는

this.setState({ 
    [arraySizeKey]: lookupCount - 1, 
    [this.composeKeys(lookupPrefix, Editor.isDeletedKey)]:true 
    });