React의 소품 객체에있는 키 - 값 쌍의 키 이름에 액세스

Question

React 응용 프로그램에서 작업 중이며 구성 요소가받는 소품 객체의 키 이름에 액세스 할 수 있도록 구성 요소를 원합니다. 소품 나의 반작용 구성 요소에 객체를 통해 나는 다음이 개체를 전달

var fido = { 
animal: "dog", 
legs: 4, 
licksSelf: true 
} 

:

애완 동물에 대한 내 반작용 구성 요소의 다음

<Pet characteristics={fido} /> 

, 내가 원하는

예를 들어,이 개체가 키와 값 모두에 액세스하려면 어떻게해야합니까? 예를 들어,이 다음과 같은 잘못된 코드 :

이

class Pet extends React.Component { 
render() { 
    var petList = this.props.characteristics.map((char) => { 
    return (
    <div>{char.key} : {char.value}</div> // <-- what should this code look like? 
    ); 
    }; 
    return (
    <div>{petList}</div> 
    ); 
    }; 
}; 

사람이 내가 반대 소품의 키 - 값 쌍의 키 이름을 액세스하는 방법을 알고 있나요? 감사!

Answer 1

사용 Object.entries 방법 : 부울 유형의

const petList = Object.entries(fido).map(([key,value])=>{ 
    return (
     <div>{key} : {value.toString()}</div> 
); 
}) 

value.toString()가 제대로