如何从地图功能中的对象获取密钥？

Question

How to get the key from object in

{this.state.data.map((object, index) => (
      <div>object.key</div>

    ))}

For example if this.state.data was

 [{mykey1:23},{mykey2:24},{mykey3:34}]

I would want it to return

 <div>mykey1</div>
 <div>mykey2</div>
 <div>mykey3</div>

Answer 1

使用Object.keys() ：

{this.state.data.map(obj => <div>{Object.keys(obj)[0]}</div>)}

Answer 2

You are not interpolating the value you want to render to start with. You would have to put values that you want to be evaluated within curly brackets for them to be rendered from your states/props. Though I'm assuming your example was typed in haste and that is not the reason why this is not working for you. To get keys defined in an object you would have to use Object.keys() which returns an array of strings with all the keys. Then you could loop over the resulting array and render them within your JSX view.

Here's a working fiddle for your reference: https://jsfiddle.net/2q19rpaz/

let data = [{mykey1:23},{mykey2:24},{mykey3:34, mykey4:34}];
return data.map((object, index) => {
    return Object.keys(object).map((key, index) => {
        return (<div>{key}</div>);
    })
})