外部ローカルjsonをリアクションとレンダリングにロード

Question

もう1つの初心者の質問があります。intro.jsonという外部のローカルファイルからいくつかのjsonデータをロードしようとしていますが、エラーdefault.map is not a functionが発生しています。私がここで間違っていることに関するアイデアは何ですか？

私のデータは、私は私は外部ファイルとして他の場所ではなく、類似した何かをやっているので、うまくいくかもしれないと思った私はそうのようにインポートしています。この

{ 
    "company": "test", 
    "employees":[ 
    { 
      "firstName":"John", 
      "lastName":"Doe" 
    }, 
    { 
     "firstName":"Anna", 
     "lastName":"Smith" 
    } 
    ] 
} 

、のように見えます。

import React, {PropTypes} from 'react'; 
import data from './intro.json'; 

var dataList = data.map(function(dl, index) { 
    return (
     <li key={index}>{dl.company}</li> 
    ) 
}); 

.... 

Answer 1

使用json-loaderと輸入dataは、オブジェクトのインスタンスになります：横断し、マップには Object {company: "test", employees: Array[2]} ：

Object.entries(data).map(([key,value])=> { 
    if (Array.isArray(value)) { 
    //return array value representation 
    ... 
    } else { 
    //return normal value representation 
    return (
     <div>{key} : {value}</div> 
    ); 
    } 
})