代码来自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,题主应该知道吧