×TypeError：_questions_json__WEBPACK_IMPORTED_MODULE_1__.map不是函数（反应）

Question

我正在使用React，而我的home.js是

import React, {Component} from "react";
import Data from "./questions.json"
class Home extends Component{

    render(){return(
        <div>


            {Data.map((questionDetail, index)=>{
                return <h1>{questionDetail.questions}</h1>
            })}
        </div>
    )
}}
export default Home

Json文件是

{
"questions":{
"question_one":"This is a question"
}}

如果有人知道这个问题的答案，我将非常感谢。

Answer 1

如果您不是必须使用JSON文件类型，则可以将文件扩展名重命名为js并按如下所示导出对象数组：

module.exports = [
    {
        questions: {
            question_one: 'This is a question',
        },
    },
];

然后您可以通过map函数对其进行迭代。