create - reactjs 구성 요소에서 "키"속성에 액세스하는 방법



reactjs git (2)

구성 요소의 key 속성에 액세스하려면 어떻게해야합니까? 나는 그것이 이것에있을 거라고 생각 했어. 방울들.하지만 그렇지 않아.

<ProductList
    key = {list.id}
    listId = {list.id}
    name = {list.name}
    items = {list.items}
/>

내가 할 경우 제품 목록에

console.log(this.props)

보고

Object {listId: "list1", name: "Default", items: Array[2]}

핵심 속성이 전혀 없습니다. 다른 속성을 만들고 동일한 값을 지정할 수 있지만 키 속성이 이미 사용 중이므로 중복되는 것처럼 보입니다.

또한 키 속성은 전체 구성 요소에서 고유해야하거나 렌더링되는 루프 또는 컬렉션에서만 고유해야합니까?


key 속성은 React에서 사용되며 노출되지 않습니다. 사용자 정의 속성을 사용하고 해당 데이터를 전달해야합니다. 의미 론적으로 의미있는 속성 이름을 사용하는 것이 좋습니다. key 는 조정 중에 DOM 노드를 식별하는 데 도움이되기 때문에 listId 라는 다른 속성이 적합합니다.

key 속성은 전체 구성 요소에 대해 고유 할 필요는 없지만 사용자가 속한 중첩 수준에 대해 고유해야한다고 생각합니다 (일반적으로 루프 또는 컬렉션). React가 중복 key 있는 문제 (개발 빌드에서)를 발견하면 오류가 발생합니다.

Warning : flattenChildren (...) : 동일한 키를 가진 두 명의 자식이 발생했습니다. 하위 키는 고유해야합니다. 두 자녀가 키를 공유하면 첫 번째 자녀 만 사용됩니다.


Key : this._reactInternalFiber.key

색인 : this._reactInternalFiber.index





reactjs