Javascript 将数据从react app.js获取到react chart.js

我创建了React应用程序

它index.js，从result_data.json导入数据

import React from 'react';
import { render } from 'react-dom';
import anime from 'animejs';

import ReactApp from './App';
import Chart from './chart';
import obj from './result_data.json'

let getProperty = function (propertyName) {
    return obj[propertyName];
};

const data = obj;

const App = () => (
    <ReactApp data={data} data2={obj} chart={(<Chart/>)}/>
);

render(<App />,document.getElementById('root'));    

但是我需要从App.js获取数据

如何解决这个问题？

---

谢谢。

在App.js中导出mockData=[yourData]，在Chart.js中从“/App.js”中导入{mockData}检查示例

App.js

export mockData = [
  {
    name: 'Linktype',
  }, {
    name: 'Quaxo',
  }, {
    name: 'Skynoodle',
  }, {
    name: 'Realmix',
  }, {
    name: 'Jetpulse',
  }
];

在Chart.js中

import {mockData} from './App.js'

---

你能把问题描述清楚吗？谢谢。我改变了我的问题。请看清楚？您是否尝试将mockData移动到App.js，然后您将在Chart.js中访问此数据，如果没有错的话？@javed是的，我正在尝试mockData从App.js中获取数据。export mockData=[yourData]在App.js中，并在Chart.js中从“/App.js”中导入{mockData}检查示例；这是App.js onClick中的数据。还需要将此数据传递给图表。如何？如何在Chart.js中获取这些数据作为道具？在Chart.js中获取这些道具数据。example const dataRange=this.props.data[0]。name将为您提供name valueit return undefinedon chart.js在render（）内部有效，但在render（）外部无效。

mockData = [
  {
    name: 'Linktype',
  }, {
    name: 'Quaxo',
  }, {
    name: 'Skynoodle',
  }, {
    name: 'Realmix',
  }, {
    name: 'Jetpulse',
  }
];

export mockData = [
  {
    name: 'Linktype',
  }, {
    name: 'Quaxo',
  }, {
    name: 'Skynoodle',
  }, {
    name: 'Realmix',
  }, {
    name: 'Jetpulse',
  }
];

import {mockData} from './App.js'