reactjs 컴포넌트에서 "key" 속성에 액세스하는 방법

reactjs 컴포넌트에서 "key" 속성에 액세스하는 방법

어떻게 하면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(개발 빌드에서) 다음과 같은 오류가 발생합니다.

경고: flat Children(...): 키가 같은 두 어린이가 발견되었습니다..$a. 자녀 키는 고유해야 합니다. 두 자녀가 키를 공유하는 경우 첫째 자녀만 사용됩니다.

키:this._reactInternalFiber.key

색인:this._reactInternalFiber.index

언급URL : https://stackoverflow.com/questions/33682774/how-to-access-the-key-property-from-a-reactjs-component