React Native -- 注释问题

前面

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

问题呈现

代码如下：

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

          
            
                {item.key}
            
          }
          />

没加注释之前运行是正常的，加了注释之后，就报出各种错误。
很是奇怪，经排查发现：
>后使用 // 作为注释要注意，注释内容必须不在任何 html 标签里，否则会当成要显示的文本内容

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

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

var content = (
  

    {/* 一般注释, 用 {} 包围 */}
    
  
);

总结

值得注意：
>后注释一般用 {/* */}，如果不在任何标签内，可以用 //， } 后注释用 //