state = {
    todos: [
     {
      id : 1,
      name: '学习react',
      is_deal: false
     },
     {
      id : 2,
      name: '睡觉',
      is_deal: true
     },
     {
      id : 3,
      name: '吃饭',
      is_deal: true
     }, 
    ]
  }

 render(){
      const {todos} = this.props
      console.log(todos)
      return (
         <ul className="main">
           {
              todos.map(item => {
                return <Item key={item.id} {...item}/>
              })
           }
             
         </ul>
       )
     }

render(){
      const {id,name} = this.props
      return (
        <li className="main-item">
            <input type="checkbox"/>
            <span>{ name }</span>
        </li>
     
       )
     }
   }