React 代码规范1.0
1.组件文件名
组件文件名用 "-" 连接单词，全部小写；如果你的组件是写在文件夹里，导出的文件名为index.jsx
2.组件变量名：
将文件名转换为大驼峰：goods-table/index.jsx →  export default GoodsTable；
3.引用命名：
React 组件使用大驼峰命名法，组件实例用小驼峰：
例如：
    import MyTable from './my-table';
    const myTableInstance = <MyTable/>
4.直接返回 JSX 结构的方法以 render 开头，如 renderFooter()
5.事件处理方法以 on 开头，如 onClick() {}
6.prop命名
小驼峰
7.jsx写法注意
当标签没有子元素时，始终使用自闭合的标签
例如：使用<Component />而不是<Component></Component>
8.useState统一使用useFetchState替换防止组件销毁后异步更新state带来的内存泄露问题
9.需要安装reademe.md中推荐的插件 代码需要符合eslint规范
10.一个js文件内容不宜超过800行，请考虑拆分逻辑、拆分组件
12.组件state原则：最小原则：
    该数据是否是由父组件通过 props 传递而来的？如果是，那它应该不是 state。
    该数据是否随时间的推移而保持不变？如果是，那它应该也不是 state。
    你能否根据其他 state 或 props 计算出该数据的值？如果是，那它也不是 state。
13.使用eslint+prettier在commit前进行强制校验

项目中使用eslint\prettier给代码统一规范和风格。配合husky/lint-staged在commit前自动统一代码风格，校验eslint规范，出现error级别的，将无法commit.
继承规范：”eslint:recommended”, “plugin:react/recommended”
使用插件：[“react”, “react-hooks”]
参考如下官网，了解具体规则
https://eslint.bootcss.com/docs/rules/
https://github.com/yannickcr/eslint-plugin-react#recommended
https://www.npmjs.com/package/eslint-plugin-react-hooks
详细配置可以查阅具体项目下面的.eslintrc配置文件