react_jsx语法规则总结

最新推荐文章于 2024-11-05 21:51:19 发布

细节决定成败，学无止境

最新推荐文章于 2024-11-05 21:51:19 发布

阅读量380

点赞数 9

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/aaaaccccd/article/details/135447103

版权

本文概述了jsx的基本语法规则，包括定义虚拟DOM时无需引号、混入JS表达式的使用方式、推荐使用className而非class、内联样式的关键字以及根标签、闭合标签的要求。特别强调了大小写敏感的标签首字母对组件渲染的影响。

摘要由CSDN通过智能技术生成

    jsx语法规则：
        1.定义虚拟DOM时，不要写引号
        2.标签中混入JS表达式时要用{}
        3.样式类名指定不要用class,要用className
        4.内联样式，要用style={{key:value}}的形式去写
        5.只有一个根标签
        6.标签必须闭合
        7.标签首字母
            7.1 若小写字母开头，则将标签转为html中同名元素，若html中无该标签对应的同名元素，则报错
            7.2 若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错