在React中渲染时如何迭代this.props对象？

Question

我有一个javascript对象，我试图在React中渲染。我之前只使用过带有.map的数组，它似乎并不想使用对象。什么是迭代通过this.props传递的对象的最佳方法？

尝试在此对象上使用.map时出现以下控制台错误：

data.map is not a function

谢谢！

render: function() {    

  let data = this.props.data

  let nameList = data.map(function(details){
    return (
      <div>
        <h1>{details.name}</h1>
      </div>
    )
  });

  return (
    <div>{nameList}</div>
  )
}