React-JSX简介

时间:2023-03-10 07:13:03
React-JSX简介

  JSX 本身其实也是一种表达式
  在编译之后呢,JSX 其实会被转化为普通的 JavaScript 对象。这也就意味着,你其实可以在 if 或者 for 语句里使用 JSX,将它赋值给变量,当作参数传入,作为返回值都可以。
  JSX 属性:
  你可以使用引号来定义以字符串为值的属性:

const element = <div tabIndex=""></div>;

  也可以使用大括号来定义以 JavaScript 表达式为值的属性:

const element = <img src={user.avatarUrl}></img>;