浏览器&前端

reactjs 奇怪的语法

字号+ 作者:风潇潇 来源:原创 2016-10-11 17:48 我要评论( )

在阿里巴巴搞前端开发遇到了reactjs。遇到了一些语法,之前没见过。也不说是语法,也有可能是写法

1、xx(()=>{   xxxx  }) 这种,
handleOkClick() {
        let me = this;
        me.props.onOk(() => {
            if (!('visible' in me.props)) {
                me.setState({
                    visible: false
                })
            }
        })
    }
这种是相当于将下面的function传进去
var func=function(){
   if (!('visible' in me.props)) {
                me.setState({
                    visible: false
                })
            }

}

onOk(...func);
但又不是完全这种。在func之前还可以携带参数如下,hidden则是func的函数

onOk={me.handleRowDelete.bind(me,row.jsxid,'remote')}

handleRowDelete(i, category,hidden) {
        let me = this;
        var _category = 'local';
        if (category == 'remote') {
            if (me.deleteFormData[i]) {
                _category = me.deleteFormData[i]
            }
        }
        if (_category != '') {
            me.props.onDelete(i, _category);
        }
        hidden();
    }

2、
.then(response=>response.json())
.then(json=>this._handleResponse(json.response))

相当于


.then(function(response){response.json();})
.then(function(json){this._handleResponse(json.response);})

3、js的写法

(x) => x + 6

相当于

function(x){
    return x + 6;
}

 

转载请注明出处。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 前端跳坑锦集

    前端跳坑锦集

    2016-10-24 19:28

网友点评
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)