jsx编程思维

参考: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王者归来,可详细研究

上一篇:1.初识CSS


下一篇:HTML