如何从本地 data.json 获取我的评论以显示在我的页面上？答案

【问题标题】：How do I get my comments from local data.json to display on my page?如何从本地 data.json 获取我的评论以显示在我的页面上？
【发布时间】：2021-10-04 09:08:43
【问题描述】：

尝试从我的本地 json 文件加载 cmets，但似乎无法正确加载。它目前只显示“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"
      }
    ]
  }

【问题讨论】：

标签： json reactjs fetch jsx

【解决方案1】：

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

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

【讨论】：