React基础之JSX语法
2023-09-27 14:22:50 时间
概述
JSX是React的核心组成部分，它使用XML标记的方式去直接声明界面，界面组件之间可以互相嵌套。可以理解为在JS中编写与XML类似的语言,一种定义带属性树结构（DOM结构）的语法，它的目的不是要在浏览器或者引擎中实现，它的目的是通过各种编译器将这些标记编译成标准的JS语言。
使用JSX语法后，你必须要引入babel的JSX解析器，把JSX转化成JS语法，这个工作会由babel自动完成。同时引入babel后，你就可以使用新的es6语法，babel会帮你把es6语法转化成es5语法，兼容更多的浏览器。
Jsx语法例子
为了更好的理解Jsx语法的特点，我们先看一个官网例子helloworld。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!相关文章
- React基础---->ReactJS的使用(一)
- C++基础语法（一）：C++语言概述【面向对象编程（OOP）三大特性：封装、继承、多态】
- 进阶之路（基础篇） - 010 Arduino 函数（基本、串口、SPI）
- 01 React 语法基础（一）之表达式和jsx
- 框架基础：深入理解Java注解类型(@Annotation)
- 学习react基础(1)_虚拟dom、diff算法、函数和class创建组件
- 学习react基础(2)_props、state和style的使用
- 服务发布与订阅——搭建生产者和消费者的基础框架
- 《逻辑与计算机设计基础（原书第5版）》——3.8 迭代组合电路
- C++ OpenCV基础视频教程---第01讲(OpenCV介绍与安装配置)
- Linux设备模型：基础篇
- java 基础(Collections 工具类的常用方法)
- react创建项目学习基础语法（二）
- react基础语法（二）常用语法如：样式 ，自定义属性，常用表达式
- 有兴趣学习一下最新出炉的python基础语法和变量类型（一）
- Elasticsearch连续剧之基础篇
- 2022-04-22 Unity UGUI1——基础组件概述
- 【Unity游戏开发教程】零基础带你从小白到超神09——获取游戏物体、子物体、预设体并动态修改属性
- Hybrid APP基础篇(二)->Native、Hybrid、React Native、Web App方案的分析比较
- 【Git】Git 基础命令 ( 添加暂存文件 git add | 提交文件至版本库 git commit | 查看版本库状态 git status | 查询文件修改 git diff )
- 零Node基础看懂React-Native脚手架工具
- React-Native Realm 基础用法总结
- JavaScript数据结构与算法 基础