上手reackHooks实现一个todolist
用到的hooks：useContext、useReducer、useState
项目结构：
----nav组件 头部输入框和点击添加按钮
-----content组件 内容区域主要是渲染全局state数据的列表
----footer组件 底部，实现全选、全不选按钮，提示当前勾选了多少个条目
--------------------------- todo.js(整个todo项目的根文件，todo.js将会被导入到app.js文件中)-----------------------------------------------------
----------------------------------------------------------actions-------------------------------------------------------------------------
----------------------------------------------------------reducer-------------------------------------------------------------------------
----------------------------------------------------------nav-------------------------------------------------------------------------
----------------------------------------------------------content-------------------------------------------------------------------------
----------------------------------------------------------footer-------------------------------------------------------------------------
