我如何从本地数据中获得我的评论.Json显示在我的页面上吗?

Question

试图从我的本地json文件加载评论，但似乎不能让它正确加载。它目前只是显示一个项目符号列表"0,1,2"。什么好主意吗?

import React, { Component } from 'react'
import data from './../data'

class CommentList extends Component {
render () {
const elem = data.comments;
return (
<ul>
{Object.keys(elem).map(s => (<li>{s}</li>))}
</ul>
)
}
};
export default CommentList

{
"comments": [
{ 
"text": "Australian Shepherd!"
},
{ 
"text": "German Shepherd!"
},
{ 
"text": "Mutts all the way"
}
]
}

Answer 1

elem是一个数组，所以不需要Object.keys:

{elem.map(s => (<li>{s.text}</li>))}