× TypeError: _questions_json__WEBPACK_IMPORTED_MODULE_1__.map не является функцией (реагировать)

Question

Я использую React и мой дом. 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.