专业编程基础技术教程

网站首页 > 基础教程 正文

React笔记——核心概念:2.JSX简介

ccvgpt 2024-11-02 11:21:11 基础教程 8 ℃

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() 会预先执行一些检查,以帮助你编写无错代码,但实际上它创建了一个这样的对象:


    React笔记——核心概念:2.JSX简介

    Tags:

    最近发表
    标签列表