react学习之路

react -----组件化的开发思路

应用场景：

 1.复杂应用场景下仍然需要高性能。

 2.重用组件库，组件组合。

 3:。‘懒’ 少做无用功

需求只是储备：

语法糖

1. JSX 实际上是一种语法糖，写法类似原生的HTML 嵌套一些JS 变量，其中的JS 变量部分需要用一对大括号包括（如视频里的`{this.props.name}`）。JSX 最终会由解析器编译成真正的JS（视频里没讲到的是，JSX 并不是必须的，需要渲染的内容完全可以直接用JS 写）；

2. JSX 中如果要为标签设置类属性，其名称应为`className`；因为`class`是JS 里的关键字（JSX 只是语法糖，最后要被编译成JS，所以要考虑JS 的语法约束）；

3. JSX 中为标签设置样式属性，属性值应为一个对象；由于对象的字面量形式包括一对大括号，所以实际写法应该是`style={{color: "red", fontSize: '16px'}}`。注意到这里定义字体大小用的是`fontSize`而不是`font-size`，因为JS 操作CSS 属性名就是以驼峰形式的。

4.，一个{}表示执行js表达式