Reactjs 我们可以将函数作为道具添加到array.map(item,index)中的每个项吗

Reactjs 我们可以将函数作为道具添加到array.map(item,index)中的每个项吗,reactjs,Reactjs,我对React Js有点陌生,我正在尝试映射组件数组。 我需要将一个函数绑定到每个组件,然后使用props在每个组件内部调用该函数 //主要组件 数组1=[,,]; //其他成分 this.state=this.props.array1; {this.state.map((项,索引)=>{ {item}//此处绑定函数 })} 如果这些组件与我需要的组件在同一个组件中。 我会这样做: handleNext(){ //做事 } 您可以通过两种方式实现。使用React.CloneElement然

我对React Js有点陌生,我正在尝试映射组件数组。 我需要将一个函数绑定到每个组件,然后使用props在每个组件内部调用该函数

//主要组件
数组1=[,,];
//其他成分
this.state=this.props.array1;
{this.state.map((项,索引)=>{
{item}//此处绑定函数
})}
如果这些组件与我需要的组件在同一个组件中。 我会这样做:

handleNext(){
//做事
}

您可以通过两种方式实现。使用
React.CloneElement
然后添加新道具,或者您可以使用阵列中的组件,然后传递新道具。这两个解决方案包含在这个沙盒中

您的括号不匹配
bind(this}
非常感谢-这很好,但是当我从一个组件调用像this.props.doSomething这样的doSomething时,我得到了这个错误警告:出于性能原因,这个合成事件被重用。如果你看到了这一点,你正在访问一个已发布/无效的合成事件的属性
nativeEvent
。这个设置为null.如果必须保留原始合成事件,请使用event.persist()。
doSomething
函数只是一个示例,我没有检查它是否工作正常。我只展示了如何传递数据和解决问题:)