访问_.map中的对象键

Question

我的数据目前结构如下

data = {
  a2321sdrf: {
    title: 'x',
    content: 'asad'
  },
  asdasd23: {
    title: 'x',
    content: 'asad'
  },
  dfxdsfds: {
    title: 'x',
    content: 'asad'
  }
}

然后我使用lodash map迭代输出jsx。但是，我无法弄清楚如何访问对象密钥，以用作关键支柱。

renderMenu() {
  return _.map(this.props.data, item => {
    return (
      <h1 key={:?}>{item.title}</h1>
    );
  });
}

Answer 1

键是iteritee函数的第二个值：

return _.map(this.props.data,
     (item, key) => { return ( <h1 key={key}>{item.title}</h1> );