jsx编程思维

Posted 2022-02-21 小赵在此

参考:https://react.docschina.org/docs/introducing-jsx.html

jsx的特点：

• 常规的html都可以和jsx兼容
• 可以在jsx中嵌入表达式
• 使用jsx指定子元素
  (假如一个标签里面没有内容，也可以使用 /> 来闭合标签，就像xml语法一样)

jsx命名约定

jsx语法上类似于JavaScript

• 小驼峰
  class变成className，tabindex变为tabIndex
• jsx的自定义属性，以data-开头

const element = <div data-customized=自定义属性></div>

jsx表示对象

jsx本质上就是一个对象

• jsx会被编译为React.createElement()对象

jsx防止注入攻击

JavaScript王者归来，可详细研究