React useState, useEffect

写个简单的例子来说明如何使用useState和useEffect。用了boostrap的样式来减少样式的编写，将就看吧。

如何使用bootstrap：
1) 安装：
>npm install -g bootstrap
2) 依赖：
"dependencies": {
    ...
    "bootstrap": "^5.1.3"
  },
3) 引用：
import 'bootstrap/dist/css/bootstrap.css'

代码说明：
1. 启动后加载页面，根据菜单显示不同的内容，这里在App.js中使用了Hook useState来切换菜单加载不同的组件。 当setBody(1)时加载的是Home，setBody(2)时加载Count，setBody(3)时加载Todo。
2. Home组件比较简单，只传了一个变量subject展示在页面上。
3. Count组件使用了两个Hook: useState和useEffect
useState()方法里面唯一的参数就是初始 state, 返回值为：当前 state 以及更新 state 的函数。 https://react.docschina.org/docs/hooks-state.html
可以把 useEffect Hook 看做 componentDidMount，componentDidUpdate 和 componentWillUnmount 这三个函数的组合。useEffect 可以在组件渲染后实现各种不同的副作用。 https://react.docschina.org/docs/hooks-effect.html
4. Todo组件用来实现todo list的管理，通过使用useState根据变化渲染组件。

效果图如下：

 

 

代码如下：

index.js  --传两个参数给App，subject和todoList：

import React from 'react';
import ReactDOM from &#