我有以下问题,当通过复选框选择一个项目并按下按钮,以便将所选项目添加到我的新数组中时,所有项目都添加了。 我使用功能映射并返回具有各自键和项的组件:
renderFiltersInlcuye() {
if(this.props.incluye){
return this.props.incluye.map((item, index) =>{
return <BusquedaPaquetesFiltrosAplicadosItems
key = {item.value}
item= {item}
onClickClose={this.removeItemIncluye.bind(this,index)}
/>
})
}
}
在我的其他组件中,我呈现以下内容: 渲染(){
return(
<ul>
<li>
<span className="badge badge-info " >
<button onClick={this.props.onClickClose} type="button" className="close" ><i className="fas fa-times-circle"></i> </button>
{this.props.item.texto}
</span>
</li>
</ul>
);
}