React Native
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的区别
ReactJSAndReactNative.png
ReactJS和React Native的原理区别
ReactJS和React Native的原理区别.png
根节点必须单一子节点
根节点必须单一子节点.png
"空值"自动忽略
"空值"自动忽略.png
组件必须大写字母开头
组件必须大写字母开头.png
文本必须写在Text组件内
文本必须写在Text组件内.png
注释的写法比较特殊
注释的写法比较特殊.png
只能嵌入表达式
只能嵌入表达式.png
JSX !== HTML
JSX !== HTML.png
借鉴XHTML的一些规则/规范
借鉴XHTML的一些规则/规范.png
万物生长靠太阳,界面变化靠state
- 一切界面变化都是状态
state
变化 -
state
的修改必须通过setState()
方法-
this.state.likes = 100;
这样的直接赋值修改无效! -
setState
是一个merge
合并操作,只修改指定属性,不影响其他属性 -
setState
是异步操作,修改不会马上生效
-