扬升资讯

jsx是什么(2.JSX简介)

8balincan|
36

大家好,今天给大家分享jsx是什么,一起来看看吧。

1、JSX简介:2、在JSX中嵌入表达式
  • 嵌入变量
  • 嵌入表达式
  • 嵌入函数
3、JSX也是一个表达式
  • 将JSX赋值给变量
  • 将JSX当参数传入
  • 从函数中返回JSX
  • 4、JSX特定属性

    注:React DOM 使用 camelCase(小驼峰命名)来定义属性的名称

    • 使用引号指定属性值为字符串字面量
    • 使用大括号在属性值中插入Javascript表达式
    5、使用 JSX 指定子元素6、JSX 防止注入攻击
    • React DOM 在渲染所有输入内容之前,默认会进行转义,所有的内容在渲染之前都被转换成了字符串。这样可以有效地防止 XSS(cross-site-scripting, 跨站脚本)攻击。
    7、JSX 表示对象
    • Babel 会把 JSX 转译成一个名为 React.createElement() 函数调用。
    • React.createElement() 会预先执行一些检查,以帮助你编写无错代码,但实际上它创建了一个这样的对象:

    以上就是jsx是什么的内容分享,希望对大家有用。