React JSX基础
ReactJS
核心思想:组件化,维护自己的状态和UI
, 自动重新渲染,多个组件组成了一个ReactJS
应用。
React
是全局对象, 顶层API
与组件API
。
React
是由ReactJS
与React Native
组成,其中ReactJS
是Facebook
开源的一个前端框架,React Native
是ReactJS
思想在native
上的体现。
JSX
并不是一门新的语言,仅仅是个语法糖,允许开发者在JavaScript
中书写HTML
语法,最后每个HTML
标签都转化为JavaScript
代码来来进行。
ReactJS和React Native的区别
ReactJS和React Native的原理区别
根节点必须单一子节点
"空值"自动忽略
组件必须大写字母开头
文本必须写在Text组件内
注释的写法比较特殊
只能嵌入表达式
JSX !== HTML
借鉴XHTML的一些规则/规范
万物生长靠太阳,界面变化靠state
- 一切界面变化都是状态
state
变化 -
state
的修改必须通过setState()
方法-
this.state.likes = 100;
这样的直接赋值修改无效! -
setState
是一个merge
合并操作,只修改指定属性,不影响其他属性 -
setState
是异步操作,修改不会马上生效
-