番茄闹钟四(todoList 模块搭建及封装)

View-Enter Distraction Free Mode

https://blog.csdn.net/asing1elife/article/details/82820628

https://blog.csdn.net/weixin_33804990/article/details/91368501

// ToDoInput负责样式
// ToDo负责功能
// 放外面处理是为了后面引入redux,提交action都是做在外面的

this.state.todos.map(t=>) // ...t把所有属性放到item里面

// 在外面定义接口
interface ITodoItemProps {
  description: string
}
{this.props.description}

#Todos {
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: calc(50% - 8px);
  box-shadow: 0 2px 0 rgba(225,225,225,.2);
  background-color: #fff;
  >.todoLists {
    margin-top: 16px;
  }
}