javascript - 看不懂的JS语法？

Question

代码来自material-ui

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

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

export default FlatButtonExampleSimple;

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

Answer 1

箭头函数

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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

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