RN(三)--React JSX、初识React组件化

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了RN(三)--React JSX、初识React组件化相关的知识,希望对你有一定的参考价值。

参考技术A

如下(JS写法)

等价于(JSX写法)

JSX形式上非常像常见的html,但它并不是一种标记语言,它实,是调用React.createElement函数,所以在使用JSX时,务必在头部
import React from ‘react’; 。
JSX只是借鉴HTML的规则/规范:

更多内容,可看Introducint JSX
facebook.github.io/react/docs/introducing-jsx.html
JSX In Depth
https :// facebook.github.io/react/docs/jsx-in-depth.html

首先,介绍一款 在线的模拟器
),非完整模拟,但是我们可以用来练习基础。

输出:

输出:

//我们写的时候还是推荐上边的写法。还有一种写法,是老写法,我们知道即可:

万物生长靠太阳,界面变化靠状态(state)

状态的变化会带来界面的变化,状态不断变化会带来性能问题吗?

参考:
React Native中文网

以上是关于RN(三)--React JSX、初识React组件化的主要内容,如果未能解决你的问题,请参考以下文章

从 React到React Native

ReactReact全家桶React 概述+虚拟DOM的创建与渲染+JSX

ReactReact全家桶React 概述+虚拟DOM的创建与渲染+JSX

RN笔记

React之JSX

(三)React脚手架