【解決方法】特定のネストされた配列のマッピング

[ad_1]

ネストされた配列を持つJSONファイルがありますが、ネストされた配列をマップする方法、つまり最初または2番目の配列のみを取得/表示する方法がわかりません。

例:

私のJSONファイル:

JavaScript
[
        {
            "id": 1,
            "title": "Video 1",
            "video_leght": "00:50:00",
            "date": "20.05.2010",
            "questions": [
                {
                    "id": 1,
                    "question": "Question 1 ",
                    "url": "Link"
                  },
                  {
                    "id": 2,
                    "question": "Question 2",
                    "url": "Link"
                  },
                  {
                    "id": 3,
                    "question": "Question 3",
                    "url": "Link"
                  }         
            ]
        },
        {
            "id": 2,
            "title": "Video 2",
            "video_leght": "01:00:00",
            "date": "14.07.2016",
            "questions":[
                {
                    "id": 1,
                    "question": "Question 1 ",
                    "url": "Link"
                  },
                  {
                    "id": 2,
                    "question": "Question 2",
                    "url": "Link"
                  },
                  {
                    "id": 3,
                    "question": "Question 3",
                    "url": "Link"
                  }        
            ]
        }
    ]

たとえば、ビデオ 2 の質問のみを表示したい場合、3 つの div を作成します。各 div には、ビデオ 2 の質問が 1 つずつ含まれます。

私は React と JavaScript を初めて使用するので、これが簡単に解決できるものであるかどうか気にしないでください。

前もって感謝します!

私が試したこと:

<div>
        {DataList.map((ListItem, index) => {
          return (
            <div key={index}>
              <h3>{ListItem.id[2].question)}</h3>
            </div>
          );
        })}
      </div>

解決策 1

見る JavaScript JSON[^] 直接アクセスできるオブジェクトに変換する方法の詳細については。

[ad_2]

コメント

タイトルとURLをコピーしました