如何深入理解React中JSX语法和组件构建的精髓？

本文共计1246个文字，预计阅读时间需要5分钟。

目录

一、React JSX

1.1 JSX 简介

1.2 JSX 表达式

1.3 JSX 条件表达式

1.4 JSX 循环表达式

1.5 JSX 样式表达式

1.6 JSX 注释表达式

二、React 组件

2.1 类组件

2.2 函数组件

2.3 React Props

目录

• 一、React JSX
• 1.1 JSX简介
• 1.2 JSX表达式
• 1.3 JSX条件表达式
• 1.4 JSX循环表达式
• 1.5 JSX样式表达式
• 1.6 JSX注释表达式
• 二、React组件
• 2.1 类组件
• 2.2 函数组件
• 2.3 React Props

一、React JSX

1.1 JSX简介

JSX是全称是（JavaScript XML）按照React 官方的解释，JSX 是一个 JavaScript 的语法扩展，类似于模板语法，或者说是一个类似于 XML 的 ECMAScript 语法扩展，并且具备 JavaScript 的全部功能。