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

原文地址:https://www.cnblogs.com/ljh-zw/p/10235036.html