开发环境
在线编辑器推荐codepen,所见即所得,有个缺陷就是没有代码提示。需要代码提示的推荐;本地编辑器推荐WebStorm、babel-sublime。
JSX
JSX是JavaScript的一种拓展,它本质上是一种针对React.createElement(component, props, ...children)
的 syntactic sugar
。例如:
<MyButton color="blue" shadowSize={2}>
Click Me
</MyButton>
被babel转换后变成
React.createElement(
MyButton,
{color: 'blue', shadowSize: 2},
'Click Me'
)
由此可见React可以不必使用JSX语法,但是这样不灵活。有了JSX你可以像写Html一样写
JavaScript,十分方便,还能