react native 之三 reactJSX基础

ReactJS与ReactNative对比及JSX规范
本文对比了ReactJS与ReactNative的特点,并详细介绍了ReactJSX的书写规范,包括标签配对、自封闭标签、属性设置、文本处理等关键细节。

1. ReactJS 和 React Native 比较

2.reactJSX书写借鉴于XHTML的一些规范

    (1)开始和结束标签配对

           <组件>ooxx</组件>

     (2)无内容的组件标签应写为自封闭标签

            <组件/>

     (3)可自定义属性,字符串值应使用双引号,其他值用{}括起来

            <Person  age = {23}  sex = "male"  married = {true}/>

           其中布尔值可省略,则默认为true <Person age = {23} sex = "male" married>

3  写法注意的地方:

    (1) 单一节点

    (2)"空值" 自动忽略

             <div />

             <div></div>

    (3)组件必须大写字母开头

    (4)文本必须写在Text组件内     

     (5)注意不要加空格

     (6) 注释的写法{/*<View>*/}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值