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组件组合,不仅有交互动作,更重要的是数据与界面之间的交互)