reactnative注释代码的方法

小编给大家分享一下react native注释代码的方法,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

从策划到设计制作,每一步都追求做到细腻,制作可持续发展的企业网站。为客户提供成都网站制作、网站建设、外贸网站建设、网站策划、网页设计、域名申请雅安服务器托管、网络营销、VI设计、 网站改版、漏洞修补等服务。为客户提供更好的一站式互联网解决方案,以客户的口碑塑造优易品牌,携手广大客户,共同发展进步。

react native注释代码的方法:1、HTML标签节点内,使用“{/* */}”进行注释;2、HTML标签节点外,多行可以用“/**/”进行注释,单行可以用“//”进行注释。

React Native 注释太讲究,动不动就报错,而且很不智能。这里对注释总结一下。

问题呈现

代码如下:

        //标题栏
        ① 
            ②Header
            
          //Tab栏
           }//默认样式,Tab栏不可滑动
              tabBarUnderlineStyle={styles.lineStyle}//下划线
              tabBarActiveTextColor='#FF0000'>         

          
            
                {item.key}
            
          }
          />

没加注释之前运行是正常的,加了注释之后,就报出各种错误。
很是奇怪,经排查发现:

>后使用 // 作为注释要注意,注释内容必须不在任何 html 标签里,否则会当成要显示的文本内容

例如上面的 //Tab栏 虽然在②的外,但是仍在①的内,会被当做要显示的文本,从而报错。这时候注释要用 {/* 一般注释, 用 {} 包围 */}

react native 里是用 JSX 语言,JS 和 html结合,所有注释方式如下:

var content = (
  
);

JSX 里添加注释很容易它们只是 JS 表达式而已。你只需要在一个标签的子节点内(非最外层)用 {} 包围要注释的部分。

class ReactDemo extends Component {
  render() {
    return (      
        {/*标签子节点的注释*/}
        
          React Native!        
      
    );
  }
}

在标签节点以外注释和通常的注释是一样的,多行用“/**/”,单行用“//”。

注:

使用 // 作为注释要注意,注释内容必须不在任何 html 标签里,否则会当成要显示的文本内容

注释一般用 {/* */},如果不在任何标签内,可以用 //, } 后注释用 //

看完了这篇文章,相信你对react native注释代码的方法有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


本文名称:reactnative注释代码的方法
网站链接:http://myzitong.com/article/gcgcgj.html