Javascript

jsx编程思维

本文主要是介绍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王者归来，可详细研究

这篇关于jsx编程思维的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航