reactHook实例之TodoList

上手reackHooks实现一个todolist

用到的hooks：useContext、useReducer、useState

项目结构：  

----nav组件            头部输入框和点击添加按钮

-----content组件     内容区域主要是渲染全局state数据的列表

----footer组件         底部，实现全选、全不选按钮，提示当前勾选了多少个条目

---------------------------  todo.js(整个todo项目的根文件，todo.js将会被导入到app.js文件中)-----------------------------------------------------

----------------------------------------------------------actions-------------------------------------------------------------------------

----------------------------------------------------------reducer-------------------------------------------------------------------------

----------------------------------------------------------nav-------------------------------------------------------------------------

----------------------------------------------------------content-------------------------------------------------------------------------

----------------------------------------------------------footer-------------------------------------------------------------------------