Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Atualizar a Lista

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)}>&times;</button>
                        </div>
                    </li>
                ))}
                </ul>
            </div>
          );
    }
}
1 resposta
solução!

Fala Maria, tudo bom?

Notei que você está usando um span, nesse acredito que seria melhor colocar um checkbox, para manter a semântica do componente.

E ao clicar no span, você não tem retorno nem de um console.log?