项目风格习惯

拿到原型之后如何开始设计项目呢？ 首先观察有没有可以抽象的组件，如下图

这时候就可以用到抽象的概念，写一个公共组件，对外暴露接口，可供外部多样性的调用，

/**
 * 新建项目/新建流程/编辑项目弹窗
 * @prop visible 是否显示
 * @prop onCancel 取消
 * @prop onConfirm 确定
 * @prop data 数据
 * @prop modalType 类型
 */
const AddModal = ({ visible,onCancel,onConfirm,data,modalType="project" }) => {}

如果还要对输入内容有规则验证，那么还可以通过配置文件的格式，根据modalType动态引入对应的验证正则。