JSX 语法

表达式

jsx 是js的拓展语言，本质还是js

在jsx中如果需要使用 js 表达式 ，需要写在 {} 内

 jsx本身也是一个表达式

 无论在jsx内容还是属性还是jsx本身，它可以使用我们的js表达式

className

jsx中不能使用 class 给元素添加类名，jsx中jsx本身也是js，在js中class是js的关键字，使用className给元素添加类目

jsx自动展开数组

        let arr = ['张三','李四',"王五","刘子"]
        class Person extends React.Component{
            render(){
                return 
{arr}
            }
        }
        ReactDOM.render(,document.getElementById("app"))

 三元运算

        let bl = false
        class Person extends React.Component{
            render(){
                return 
{bl?
三元运算
:
不是三元运算
}
            }
        }
        ReactDOM.render(,document.getElementById("app"))

 如果后面返回为null

 return 

{bl?

三元运算

:null}

  return 

{bl&&

三元运算

}

二者是等价的

jsx 循环

jsx 事件