Javascript 如何将数据文件加载到react中的状态数组？

我是新手。我正在尝试将数据文件加载到状态数组中，而不是直接将数据数组放置在状态中。下面我放置了代码。但这不会显示数据

App.js

import React, { Component } from 'react';
import Projects from './Components/Projects';
import data from './data/data'

class App extends Component {

constructor(){
  super();
  this.state = {

    myArrays: [{data}]

  }
}


render() {
 return (
    <div className="App">

    <Projects myArrays = {this.state.myArrays} />

  </div>
);
 }
 }

export default App;

两者的区别

<Projects myArrays = {this.state.myArrays} /> 

这将产生如下所示的This.state.myArrays

[{data: [
    {

    title: "Obama set for first political event since leaving office",
    category: "politics"
  },
  {

    title: 'La Liga refuse to accept PSG payment for Barcelona striker Neymar',
    category: "sports"
  },
  {

    title: "Virtu Financial closes KCG's European prop trading business",
    category: "business"
  }
]
}]

换成

 this.state = {

    myArrays: data

  }

---

而且你的第一个版本也会起作用

如果有帮助，考虑接受答案

export default [
    {

    title: "Obama set for first political event since leaving office",
    category: "politics"
  },
  {

    title: 'La Liga refuse to accept PSG payment for Barcelona striker Neymar',
    category: "sports"
  },
  {

    title: "Virtu Financial closes KCG's European prop trading business",
    category: "business"
  }
]

<Projects myArrays = {this.state.myArrays} /> 

<Projects myArrays = {data} />  

this.state = {

    myArrays: [{data}]

  }

[{data: [
    {

    title: "Obama set for first political event since leaving office",
    category: "politics"
  },
  {

    title: 'La Liga refuse to accept PSG payment for Barcelona striker Neymar',
    category: "sports"
  },
  {

    title: "Virtu Financial closes KCG's European prop trading business",
    category: "business"
  }
]
}]

 this.state = {

    myArrays: data

  }