import React from 'react';
export default class Header extends React.Component{
    handleSubmit = (ev) =>{
        let value = this.input.value;
        this.props.addTodo({title:value});

        this.input.value='';
        ev.preventDefault();
    }
    render(){
        return (<div className="card-header">
            <form className="form" onSubmit={this.handleSubmit}>
                <div className="row">
                    <div className="col-md-10 col-sm-10">
                        <input ref={input=>this.input=input} className="form-control" type="text" placeholder="请输入要添加的任务"/>
                    </div>
                    <div className="col-md-2 col-sm-2">
                        <button className="btn btn-info">添加</button>
                    </div>
                </div>
            </form>
        </div>)
    }
}