Bom dia, ao deletar ou checar algum item da Lista, ele não executa nenhuma ação, não estou conseguindo passar o valor da chave por parametro, como posso fazer isso? Segue o codigo:
class ListItem extends Component{
constructor(props){
super(props);
this.state = {itemsTodo: this.props.items};
}
onCheck(itemList){
itemList = this.props.items;
console.log(itemList);
var items = this.state.itemsTodo[itemList];
this.state.itemsTodo.splice(itemList, 1);
items.check =!items.check;
this.state.itemsTodo.push(items);
this.setState({itemsTodo: this.state.itemsTodo});
}
onExclude(){
var index = this.props.index;
this.props.onExclude(index);
}
render(){
var todoClass = this.props.items.check ? "check" : "uncheck";
return (
<div>
<ul className="list-group">
{this.props.items.map(item => (
<li className="list-group-item" key={item.index} index={item.index}>
<div className={todoClass}>
<span className="checkItem" onClick={this.onCheck.bind(this)} >✔</span>
{item.value}
<button type="button" className="close" onClick={this.onExclude.bind(this)}>×</button>
</div>
</li>
))}
</ul>
</div>
);
}
}