如何從本地 data.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>))}