Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
每个 JSX 或者 TSX 文件就被视为一个独立存在的原件。 原件所包含的所有内容也同样都应该是独立存在的 通过访问对象来独立加载组件样式： import './index.css' -> import style from './index.css' JSS 模块化引入组件,把 CSS 转化为对象,通过对象的方式,模块化引入组件 import style from './index.css'
区分普通依赖与 dev 依赖,dev 依赖:仅参与代码开发而不参与最终上线打包的项目 包括 type-script 都可以安装在 dev 依赖下面
构造函数 constructor 是唯一可以初始化 state 的地方 State 的更新是异步的, 调用 setState 后,state 不会立刻改变,是异步操作. 不能依赖当前的 state 来讲算下一个 state，因为 react 会把多次的 state 修改合并成一个
Props:Properties 的缩写，组件属性。 本质上，props 就是传入函数的参数，是从组件外部传入组件内部的数据，更准确地说，是从父组件向子组件传递的数据。 所有的 props 全部都是只读的(immutable)，对象一旦创建就不可改变，只能通过销毁、重建来改变数据。 通过判断内存地址是否一致，来确认对象是否有经过修改。
React 组件的生命周期 Mounting:创建虚拟 DOM，渲染 UI Updating:更新虚拟 DOM，重新渲染 UI Unmounting:删除虚拟 DOM，移除 UI
Context 与 useContext 原来组件间传递是 props，一层一层地往下传，又叫深度注入(props drilling) props 注入的越来越深，而组件更新的频率则会越来越高，这时 UI 渲染的效率则会越来越慢，且调试困难。 而解决跨组件间数据传递注入的问题，其中一个解决方案是 React 的上下文关系对象：Context。
关于 React in TS 的小册子 https://typescript.bootcss.com/tutorials/react.html