import React from 'react';
export default class CheckAll extends React.Component{
    render(){
        let {unCompletedCount,toggleAll} = this.props;
        return ( <li className="list-group-item">
            <label htmlFor="checkall">
                <input ref={input=>this.input=input} type="checkbox" checked={unCompletedCount===0}
                    onChange={()=>toggleAll(this.input)}
                />
                {
                    unCompletedCount===0?'全部取消':'选中全部'
                }
            </label>
        </li>)
    }
}