详解React-Todos入门例子

最近学完React的最基本概念，闲下来的时候就自己写了一个Todo-List的小应用。这里做个简略的说明，给想好好学React的新手看。这里我用了webpackb做了babel和JSX预处理和模块打包。所以对React和一些ES2015的语法要有一定的了解。我相信学习ES2015绝对是划算的，因为它是Js的规范。这里给出学习的地方，阮一峰老师的ECMAScript 6 入门或者babel的相关文档Learn ES2015。最后的实际效果：我们需要做到的功能有：。通过命令行进行安装。第一个就是处理todo状态的，它通过底部的checkbox的change事件触发。Main组件的作用就是，将props传过来的todos遍历显示出来。所以对每一个todo的细致操作都是放在TodoItem上。在TodoItem主要处理多个交互，包括修改任务状态，删除任务。我们通过父组件来控制状态，并通过props传递，来保证组件内的状态一致。