React todolist 事例

页面分析

• Header部分:头文件，包括输入框、图标、还有回车事件(添加到todoList代办事项列表中)
• Main 部分：主体部分，是个列表，包括：选择框、内容显示、删除按钮(在鼠标移动在行上时显示按钮)，选择一行显示已完成状态(内容上划横线)

• Footer部分：底部部分，包括：全选框、已完成和总个数，还有清除已完成的按钮。

  代码结构

  

• webpack 配置
  

源码地址：https://github.com/jinshw/react-demo/tree/master/todolist