Javascript 从react组件传递数据

我有一个GetData.js组件，它获取API数据并将其设置为数组。我希望在多个其他组件中访问该阵列数据，并以多种不同的方式对其进行操作

例如，我希望能够做到以下几点：

import APIdata from './GetData';

var data = APIdata.object;

var result = [];

if (data) {
  for (var i = 0; i < data.length; i++) {
    if (data.form_values["6f71"] === "KeyWord") {
      result.push(data)
    }
  }
}

从“/GetData”导入APIdata；
var data=APIdata.object；
var结果=[]；
如果（数据）{
对于（变量i=0；i

您看到的是容器组件、道具和状态的简单使用

下面是一个人为的例子：

import React，{Component}来自'React'；
从“/OtherComponent1”导入OtherComponent1；
从“/OtherComponent2”导入OtherComponent2；
类GetDataComponent扩展组件{
构造函数（）{
超级（道具）；
此.state={
数据：[]
}
}
fetchMyData（）{
常量结果数组=。。。
this.setState（{data:resultingArray}）；
}
componentDidMount（）{
这是fetchMyData（）；
}
render（）{
返回(
);
}
}
导出默认应用程序您可以将该数据包装在父组件中，并在需要时将其作为属性传递。您能演示一下我将如何做到这一点吗？对不起，我是新来的。@lanetry