Reactの小道具のキーと値のペアのキーにアクセスする

Question

私はReactアプリケーションで作業しています。コンポーネントが受け取っている小道具のオブジェクトのキー名にアクセスできるようにするために作業しているコンポーネントが必要です。

例えば、私はこのオブジェクトを持っている：私が欲しい、私のペットのための成分を反応させるのに続いて

<Pet characteristics={fido} /> 

：

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

私はその後、小道具を経由して、このオブジェクトを渡すには、私のコンポーネントを反応させるオブジェクトキーと値の両方にアクセスするにはどうしたらよいですか？たとえば、この次の不正のコードで：

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方法：正しく