[REACTJS] 어떻게 고유 구성 요소 열쇠가 될 반응해야 하는가?

어떻게 고유 구성 요소 열쇠가 될 반응해야 하는가?

해결법

1. ---

   1.그 형제 내에서 고유 직접 부모 아래의 수준 때문에. 마지막으로, 현재 구성 요소의 키와 모든 상위의 전체 핵심을 구성한다 반응하기 때문에 상위 구성 요소의 아이들은 그러나 다시 같은 키를 사용할 수 있습니다. 단지 아래의 예는 자동 생성 키를 포함하지만, 당신이 당신의 자신의 키를 제공하는 경우, 대신 사용됩니다.

   그 형제 내에서 고유 직접 부모 아래의 수준 때문에. 마지막으로, 현재 구성 요소의 키와 모든 상위의 전체 핵심을 구성한다 반응하기 때문에 상위 구성 요소의 아이들은 그러나 다시 같은 키를 사용할 수 있습니다. 단지 아래의 예는 자동 생성 키를 포함하지만, 당신이 당신의 자신의 키를 제공하는 경우, 대신 사용됩니다.

   당신은 구성 ID가 크롬 개발자 도구 (탭 요소)에있어 볼 수 있습니다.

2. ---

   2.예, 당신이 그것을 부모를 다시하는 경우, 그것은 다른 reactid을주지 ... 그것은처럼 보이는 (예. http://webcloud.se/react-sortable/nested.html)

   예, 당신이 그것을 부모를 다시하는 경우, 그것은 다른 reactid을주지 ... 그것은처럼 보이는 (예. http://webcloud.se/react-sortable/nested.html)

   하고 마운트 해제됩니다 / 다시 다시 마운트합니다. ...

   http://jsfiddle.net/46x0j6uq/1/

   ,componentWillUnmount: function() {
    //console.log("unmounted:", this.props);
    clearInterval(this.state.intervalId);
    clearTimeout(this.state.timeoutId);
   }
   ,componentDidMount: function(){
     // console.log("mounted:", this.props);
     this.state.intervalId = setInterval(this.incrementCount, 1000);
    this.state.timeoutId = setTimeout(this.setColorToBlack, 300);
   }
   

   그 자체를 재설정 할 수 있기 때문에 그래서 더 뷰 구성 요소 자체에 상태를 저장하지. 위의 바이올린는 점을 증명하기 위해 단지 데모입니다.

   기타 관련 링크 : 키를 사용하여 React.js에서 중첩 된 구성 요소를 식별합니다

   내가 소원이 범위의 / 중첩 된 키와 동일한 수준을 넘어 미국,하지만 난 마운트 해제 /의 성능 추측 재 장착을 다시하는 희망도 유해하지 않아야 고려해야 할 무언가가 있었다 반응했다.

from https://stackoverflow.com/questions/33428962/how-unique-should-a-react-component-key-be by cc-by-sa and MIT license