从数组中选择项目时,所有项目都会反应js

时间:2018-11-11 14:56:01

标签: javascript reactjs

我有以下问题,当通过复选框选择一个项目并按下按钮,以便将所选项目添加到我的新数组中时,所有项目都添加了。 我使用功能映射并返回具有各自键和项的组件:

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>
    );

}

0 个答案:

没有答案