React开发规范


命名

1、缩进 4 个空格,如果是 tab 也设置成 4 个空格

2、命名时尽量用英文,文件名,组件名等,单词多的可以大写简写 英文不好的可以使用该网站

3、函数名字尽量以 handle 开头,如 handleSubmit = () =>{};尽量使用动词开头

动词 含义
can 判断是否可执行某个动作
has 判断是否含有某个值
is 判断是否为某个值
get 获取某个值
set 设置某个值

4、文件夹命名统一小写; 组件,或者类名,首字母全部大写,遵守驼峰命名法;

​ img 存放图片 app APP 一些 component artcomponent 一些 art 组件

5、

导入

// node_modules
import React, { Component } from "react";
import { Form, Card, Button, Divider, message, Alert } from "antd";
import { connect } from "dva";
import router from "umi/router";
import PropTypes from "prop-types";
import { PageHeaderWrapper } from "@ant-design/pro-layout";
// 项目公共模块
import { CustomFormHOC } from "@/components/FormWidget";
// 当前业务耦合模块
import TransportInfo from "./TransportInfo";
import RecordInfo from "./RecordInfo";
// 样式文件
import styles from "./index.less";

文章作者: Ming Hui
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Ming Hui !
评论
  目录