目录 前言 一、JSX条件渲染 1. 简介 2. 典型场景 3. 代码实现 二、JSX列表渲染 1. 结构转换 2. 代码演示 三、JSX样式处理 1. 行内样式——style 2. 类名 —— className(推荐) 总结 前言 今天一起看看JSX中的条件渲染和列表渲染,来看看语法上与vue有什么异同,再来看看JSX中的样式是如何处理的。 一、JSX条件渲染 1. 简介 根据不同条件渲染不同的 JSX 结构 2. 典型场景 Ajax异步请求数据中的loading效果 注: 虽然在JSX中无法直接写if/else判断,但是可以嵌入函数表达式 在函数表达式中进行if/else判断