react整理一二（初入React世界）

react重要思想：组件化（按钮组件、对话框组件、日期组件等等）、JSX语法

react把代码和正式渲染目标隔离开来，除了可以在浏览器渲染到DOM来开发网页，还能用于开发原生移动运用

1.专注视图层：同时也包含v和c的库，对于复杂场景，可自行选择业务层框架

2.virtual Dom:提升性能，方便了和其他平台的集成

3.函数式编程：声明式编程（可重复利用）

JSX语法：

1.XML基本语法：

定义标签时，只允许被一个标签包裹

标签一定要闭合

2.元素类型：

组件元素首字母必须大写；

元素属性：标注属性，除：class改为className,for属性改为htmlFor

自定义属性时小驼峰写法

展开属性：es6的 rest/spread特性提高效率

<Component {...data} />

自定义HTML属性：如果在JSX中传入自定义属性，React是不会渲染的，如果要使用自定义HTML属性，要使用data-前缀

javaScript属性表达式：用{}替换“”即可

HTML转义：防止XSS

React组件：

狭义上的组件：UI组件（Tabs组件，围绕动作上的抽象）

广义上的组件：（带有业务含义和数据的UI组件组合，不仅有交互动作，更重要的是数据与界面之间的交互）