0

0

react native怎么注释代码

青灯夜游

青灯夜游

发布时间:2020-12-21 17:07:07

|

3692人浏览过

|

来源于php中文网

原创

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

react native怎么注释代码

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

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

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

问题呈现

代码如下:

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

          
            
                {item.key}
            
          }
          />

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

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

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

企业软件介绍主页html模板
企业软件介绍主页html模板

一款多用途的企业软件前端HTML模板。IT软件服务公司网站响应式单页模板。基于CSS、JS、HTML模块化原则创建的。如果您的站点不需要所有元素,那么可以轻松地删除不必要的组件。模板的代码干净,友好,注释良好。这使得编辑和自定义模板变得很容易。

下载

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

var content = (
  
);

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

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

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

注:

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

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

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

相关专题

更多
高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

65

2026.01.16

全民K歌得高分教程大全
全民K歌得高分教程大全

本专题整合了全民K歌得高分技巧汇总,阅读专题下面的文章了解更多详细内容。

121

2026.01.16

C++ 单元测试与代码质量保障
C++ 单元测试与代码质量保障

本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法,包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程,以及常见代码质量问题的发现与修复。通过工程化示例,帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。

33

2026.01.16

java数据库连接教程大全
java数据库连接教程大全

本专题整合了java数据库连接相关教程,阅读专题下面的文章了解更多详细内容。

39

2026.01.15

Java音频处理教程汇总
Java音频处理教程汇总

本专题整合了java音频处理教程大全,阅读专题下面的文章了解更多详细内容。

19

2026.01.15

windows查看wifi密码教程大全
windows查看wifi密码教程大全

本专题整合了windows查看wifi密码教程大全,阅读专题下面的文章了解更多详细内容。

85

2026.01.15

浏览器缓存清理方法汇总
浏览器缓存清理方法汇总

本专题整合了浏览器缓存清理教程汇总,阅读专题下面的文章了解更多详细内容。

19

2026.01.15

ps图片相关教程汇总
ps图片相关教程汇总

本专题整合了ps图片设置相关教程合集,阅读专题下面的文章了解更多详细内容。

11

2026.01.15

ppt一键生成相关合集
ppt一键生成相关合集

本专题整合了ppt一键生成相关教程汇总,阅读专题下面的的文章了解更多详细内容。

47

2026.01.15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.8万人学习

国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 1.0万人学习

React核心原理新老生命周期精讲
React核心原理新老生命周期精讲

共12课时 | 1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号