首页 > 看不懂的JS语法?

看不懂的JS语法?

代码来自material-ui

import React from 'react';
import FlatButton from 'material-ui/lib/flat-button';

const FlatButtonExampleSimple = () => (
  <div>
    <FlatButton label="Default" />
    <FlatButton label="Primary" primary={true} />
    <FlatButton label="Secondary" secondary={true} />
    <FlatButton label="Disabled" disabled={true} />
  </div>
);

export default FlatButtonExampleSimple;

看不懂const FlatButtonExampleSimple = () => (...);这个 = () =>这些符号是什么意思?术语是什么?


箭头函数


function FlatButtonExampleSimple (){
    return (
        <div>
            <FlatButton label="Default" />
            <FlatButton label="Primary" primary={true} />
            <FlatButton label="Secondary" secondary={true} />
            <FlatButton label="Disabled" disabled={true} />
        </div>
    )
}

上面的代码表达的就是记这个意思了。

ES6的语法,可参考阮老师的文档:http://es6.ruanyifeng.com/#docs/function
jsx的语法可参考:http://facebook.github.io/react


这些都是es6的语法 =>这是箭头函数语法


es6的箭头函数,跟const FlatButtonExampleSimple = function() {return (...)};差不多。
另外括号里面是jsx,题主应该知道吧

【热门文章】
【热门文章】