Reactjs 如何连接我的两个组件以在react中共享数据

所以我有一个类组件“Class1”和一个函数组件“Function1”。 我在Class1中有一个函数，当我点击函数1中的一个按钮时，我想激活它。这是我的代码： 类别1：

导出默认类Class1扩展React.Component{
重置=（）=>{
常量数组=[]；
for（设i=0；i<205；i++）{
array.push（randomVals（10500））；
}
this.setState（{array}）；
};
}

职能1：

const Function1 = (props) => {
  return (
    <div>
          <button className="subButton" onClick={this.props.reset()}>
            Generate Array
          </button>
.
.
.

const Function1=（道具）=>{
返回(
生成数组
.
.
.

---

我想让“生成数组”按钮调用“重置”函数

在渲染Class1组件时，似乎只需将重置函数传递给Function1组件：

导出默认类Class1扩展React.Component{
建造师（道具）{
超级（道具）；
此.state={
数组：[]
}
this.resetArray=this.resetArray.bind（this）；
}
resetArray（）{
常量数组=[]；
for（设i=0；i<205；i++）{
array.push（randomVals（10500））；
}
this.setState（{Array:Array}）；
};
render（）{
返回(
很棒的HTML内容

);
}  
}

const Function1 = (props) => {
  return (
    <div>
          <button className="subButton" onClick={this.props.reset()}>
            Generate Array
          </button>
.
.
.