前端框架_React
JSX
JavaScript
和 XML
结合的一种语法,最终通过 转化工具 将 JSX 转化成 JS
推荐在 React 中使用 JSX 来描述用户界面,JSX既不是字符串也不是HTML,而是XML与JS的混合体
JSX语法: 1、允许在JS中书写XML标签 2、只能有一个顶层元素 3、支持插值表达式 (强大) 4、大写字母开头的标签是组件,小写字母开头的标签是html <Html></Html>组件 <html></html>html标签 插值表达式语法:{表达式} 书写 JSX 的时候一般都会带上换行和缩进,这样可以增强代码的可读性 同样推荐在 JSX 代码的外面扩上一个小括号,这样可以防止 分号自动插入 的 bug const element = ( <h1> Hello, {formatName(user)}! </h1> );
- 文本插值
<p>{1}</p> //<p>1</p> <p>{'xinxin'}</p> //<p>xinxin</p> <p>{true}</p> //<p></p> <p>{false}</p> //<p></p> <p>{null}</p> //<p></p> <p>{undefined}</p> //<p></p> <p>{NaN}</p> //<p>NaN</p> 有警告 <p>{ [1,'ww'] }</p> //<p>1ww</p> <p>{ {'bb': 12} }</p> //报错
- 属性插值
相关推荐
南昌千网科技 2020-10-18
bowean 2020-06-28
Symiac 2020-07-04
xxuncle 2020-07-04
Symiac 2020-07-04
风萧萧梦潇 2020-06-14
woxxoole 2020-06-13
RainyX 2020-06-12
abdstime 2020-06-10
smj000 2020-06-09
学习web前端 2020-06-07
Beibeizhao 2020-05-28
jiangcs0 2020-05-22
唯美st丶 2020-05-15
龙旋 2020-04-22
元元 2020-04-20
杏仁技术站 2020-04-15