JSX基本语法规则

 jsx语法规则

            1、定义虚拟DOM时,不要写引号

            2、标签中混入JS表达式时要用{},注意【js表达式】和【js语句】                 

                     a、表达式:一个表达式会产生一个值,可以放在任何一个需要值的地方

                           (1)a

                             (2) a+b

                             (3) demo(1)

                            (4) arr.map()

                            (5) function test(){}

                     b、js语句

                             if、for、switch

            3、样式的类名指定不要用class,要用className

            4、内联样式,要用style={{key:value}}的形式去写

            5、虚拟DOM只有有一个根标签

            6、标签必须闭合

            7、标签首字母

                (1)若小写字母开头,则将该标签转为html中同名元素,如果没有对应的同名标签,则报错

                (2)若大写字母开头,react就去渲染对应的组件,若没有组件,就报错

           8、diff算法是按照key来索引的

   

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值