前端框架_React

JSX

JavaScriptXML 结合的一种语法最终通过 转化工具 JSX 转化成 JS

推荐在 React 中使用 JSX 来描述用户界面,JSX既不是字符串也不是HTML,而是XML与JS的混合体

JSX语法:
1、允许在JS中书写XML标签
2、只能有一个顶层元素
3、支持插值表达式 (强大)
4、大写字母开头的标签是组件,小写字母开头的标签是html
组件
html标签

插值表达式语法:{表达式}

书写 JSX 的时候一般都会带上换行和缩进,这样可以增强代码的可读性
同样推荐在 JSX 代码的外面扩上一个小括号,这样可以防止 分号自动插入 的 bug
const element = (
  

Hello, {formatName(user)}!

);
  • 文本插值

{1}

//

1

{'xinxin'}

//

xinxin

{true}

//

{false}

//

{null}

//

{undefined}

//

{NaN}

//

NaN

有警告

{ [1,'ww'] }

//

1ww

{ {'bb': 12} }

//报错
  • 属性插值

你可能感兴趣的