Rumah >hujung hadapan web >tutorial js >react native怎么注释代码

react native怎么注释代码

青灯夜游
青灯夜游asal
2020-12-21 17:07:073495semak imbas

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

react native怎么注释代码

本教程操作环境:windows7系统、react native0.6&&react16版本,该方法适用于所有品牌电脑。

相关教程推荐:React视频教程

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

问题呈现

代码如下:

        //标题栏
        ① 11676cce6cd603bf0d82d9fd0667526d
            ②70dc183307a8935ad2def18e3a70a45e3e10c0c3bd26d984e00128fc4c74ac1bHeaderb735fb8965edb39ac28662131d16c063
            3d260b73c372472a96940693fb62cbcc
          //Tab栏
          0163496f741cf4a3a6d60244dd3fd42a 67c8380713b32081c3104ec94ba56d81}//默认样式,Tab栏不可滑动
              tabBarUnderlineStyle={styles.lineStyle}//下划线
              tabBarActiveTextColor='#FF0000'>         

          94f685590481c166e49f637426936dfd
            eb1064aab53c77a64ebb21adda5a990d
                b4a226bead624681d8cc0bc767df382c{item.key}b735fb8965edb39ac28662131d16c063
            1d37001aadc107a81e197a893ba89ea3
          }
          />

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

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

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

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

var content = (
  f4fdefacb9d1b27eee008428b9326e3c
    {/* 一般注释, 用 {} 包围 */}
    04fdb84174d15ff488bf05723927c9f0
  63b39a681ee211de3e07344ad97de9bf
);

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

class ReactDemo extends Component {
  render() {
    return (      <View style={styles.container}>
        {/*标签子节点的注释*/}
        <Text style={styles.welcome}
          //textAlign=&#39;right&#39;
          textShadowColor=&#39;yellow&#39;
          /*color=&#39;red&#39;
          textShadowRadius=&#39;1&#39;*/
          >
          React Native!        </Text>
      </View>
    );
  }
}

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

注:

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

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

更多编程相关知识,请访问:编程入门!!

Atas ialah kandungan terperinci react native怎么注释代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:jquery怎么判断是否ie浏览器Artikel seterusnya:react native有什么作用