8. 添加错误检查

错误检查

如上图所示，设计时右上角，有一个检查按钮，点击之后，会对应用进行错误检查。

其中也包括对组件错误检查，比如输入框组件没有设置要编辑的字段。

添加错误检查

添加错误检查，主要就是添加错误检查配置，这个配置是组件配置的rules字段。

以文本组件为例，错误检查配置如下：

import { API_VERSION, Category, attrRules, actionRules, FORMAT } from './api';

export default {
  apiVersion: API_VERSION,
  version: '1.0',
  isContainer: false,
  title: '',
  componentName: 'MobiPcTest',
  category: Category.COMMON,
  icon: 'https://img.alicdn.com/imgextra/i1/O1CN01oufFHB266LbYRkVr3_!!6000000007612-55-tps-20-20.svg',
  configure: [
    // 省略属性配置
  ],
  rules: [
    ...attrRules({ propName: 'props.text', alias: '文本内容' }),
    {
      type: 'object',
      format: FORMAT.emptyCheck,
      description: '文本必须有内容',
      propName: 'props.text',
      level: 'ERROR',
      alias: '文本内容',
    },
    ...actionRules({ propName: 'props.onClick', alias: '点击' }),
  ],
};

添加错误检查配置之后，点击设计时的检查按钮，即可进行组件的错误检查。

错误检查配置的定义请参考PropRule 错误检查配置。

错误检查的类型请参考错误检查。

针对数据源的错误检查建议使用数据源的错误检查。

针对字段的错误检查建议使用字段的错误检查。

针对事件的错误检查建议使用事件的错误检查。

错误检查并不强制要求，可以根据情况组合使用。

接下来

请查看9. 组件模板，作为后续开发的参考。