Javascript “将JSON导入组件”；TypeError:props.data.map不是函数；

我是一个完全没有反应的新手，并且已经面临将JSON数据加载到组件的困难

我遇到了以下错误：

“TypeError:props.data.map不是函数”

老实说，我不知道我哪里出了问题，因为我觉得我把事情都安排好了

App.js:

import './App.css';
import Chart from './components/Chart'
import data from './data/test.json';

class App extends Component {

  render() {

      return ([

        <div className="App">
            <Chart data={data}/>
        </div>

      ])
  }

}

export default App;

---

您必须使用数据的

结果

键，而不是对象本身

const dataArr = props.data.results.map((d)=> {
  return {x: d.colA, y: d.colB}
});

data.results.map（）

？

{
    "results": [
        {
          "colA": 1,
          "colB": 0
        },   
        {
          "colA": 2,
          "colB": 1
        },
    ]
}

const dataArr = props.data.results.map((d)=> {
  return {x: d.colA, y: d.colB}
});