react.js - es6 或 react 语法问题

问题描述

问 题

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()

解决方案

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);
            }
        }
    }
 ｝

这篇关于react.js - es6 或 react 语法问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！