Day 03 - 命名的规则

如果有错误，欢迎留言指教~ Q_Q

好的命名，也能够清楚的让人一看就知道是在做什麽

团队有统一的写法，也能更快能理解和有个开发规范

就算是自己独立开发，隔几天也是会容易忘记啦~

变数命名: 驼峰式命名 (camelCase)

驼峰式命名: 变数名称的第一个英文单字开头是小写，其余的英文单字开头是大写。

例如： isLoading、newsList

常数变数: 大写_大写

常数是，不会再变更这个变数 -> 用 const

例如: SLOGAN、UPDATE_TIME

Components 命名要大写开头

Components命名 -> 功能+类型(谁的什麽项目)

例如:
xxxButton → LoginButton

xxxPage → NewList

也是因为 React 是以开头大小写分辨是否为 Html 既有的元件

档案名和档案内的 const 变数名命名一致

// NewList.jsx
const NewList = ({ onCreate }) => {

};

export default NewList;

components props 的命名，要跟 event 事件有关

components 的 props 命名，要看得出来是在处理什麽
onCreate、onDelete、onUpdate、onChange、onAdd、onInsert

例如：

点击是一个动作，但实际做了什麽，是新增吗? 还是删除? 也一并写在命名吧

  const clickShare = () => {
    setIsShare(true);
  };
    
  render(
      <button className="whiteButton" onClick={clickShare}>
  )