es6 或 react 语法问题

Question

export class Form extends Component {
    constructor(props) {
        super(props);
    }

    // 正则合集
    rule() {
        required: function(val) {
            return /^\S+$/gi.test(val);
        },
        mobile: function(val) {
            return /^(13[0-9]|14[57]|15[012356789]|17[0678]|18[0-9])\d{8}$/.test(val);
        },

请问这种要怎么写？

---

里面再加个return貌似可以，还有别的方法吗？

rule() {
        return {
            required: val => {
                return /^\S+$/gi.test(val);
            },
this.rule().alpha()

Answer 1

rule 是函数？？

export class Form extends Component {
    constructor(props) {
        super(props);
    }

    // 正则合集
    rule() {
        
        return {
            required: function(val) {
                return /^\S+$/gi.test(val);
            },
            mobile: function(val) {
                return /^(13[0-9]|14[57]|15[012356789]|17[0678]|18[0-9])\d{8}$/.test(val);
            }
        }
    ｝
 ｝

rule 是属性？？

export class Form extends Component {
    constructor(props) {
        super(props);

        // 正则合集
        this.rule = {
            required: function(val) {
                return /^\S+$/gi.test(val);
            },
            mobile: function(val) {
                return /^(13[0-9]|14[57]|15[012356789]|17[0678]|18[0-9])\d{8}$/.test(val);
            }
        }
    }
 ｝

Answer 2

rule = {
    required: val => /^\S+$/gi.test(val),
    mobile: val => /^(13[0-9]|14[57]|15[012356789]|17[0678]|18[0-9])\d{8}$/.test(val)
}