const { Component } = React; class App extends Component { constructor(props){ super(props); this.state={ items: [ this.delItem(id)} title="Never give up, never surrender!"/> ], count: 0, currentText : "" } this.setItem = this.setItem.bind(this); this.addItem = this.addItem.bind(this); this.delItem = this.delItem.bind(this); } setItem(e) { let text = e.target.value; this.setState({currentText: text}); } addItem() { let items = this.state.items; let text = this.state.currentText; let count = this.state.count + 1; if(text){ items.push( this.delItem(key)} id={count} key={count} title={text}/>); this.setState({items, count: count, currentText: ''}); } } delItem(key){ console.log(key) let items = this.state.items; let newItems = []; for(let i in items){ if(items[i].key !== key.toString()){ newItems.push(items[i]); }else{ let newItem = newItems.push(newItem); } } this.setState({items: newItems}); } render () { return (

Brutalist todo

this.setItem(event)} placeholder="Add item" type="text"/>

{this.state.items}

); } } class Item extends Component{ render(){ return(

{this.props.title}

) } } ReactDOM.render(, document.getElementById("root"));