14. Building a Todo List App in React

1 
import React,{Component} from "react";

class Dragble extends Component{


constructor(props){
	super();

	this.state ={
		items:[]
	};


this.addItem=this.addItem.bind(this);
}





	addItem(e){
		if(this._inputElement !==""){
			var newItem ={
					text:this._inputElement.value,
					key:Date.now()
			};

			this.sestState((prevState)=>{
				return{
					items:prevState.items.concat(newItem)
				};

			});

		}
     this._inputElement.value="";
		console.log(this.state.items);
		e.preventDefault();
	}





	render(){

return (

		<div className="main">
		<div className ="header">
		<form onSubmit={this.addItem}>
		<input type="text" ref={(a)=>this._inputElement =a} placeholder="enter the task" ></input>
		<button type="submit" > add </button>
		</form>
		</div>
	
		</div>

			 );
 }

                               }

export default Dragble;
2

Is there a question here? :slight_smile: