小编给大家分享一下react native注释代码的方法，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！
react native注释代码的方法：1、HTML标签节点内，使用“{/* */}”进行注释；2、HTML标签节点外，多行可以用“/**/”进行注释，单行可以用“//”进行注释。
React Native 注释太讲究，动不动就报错，而且很不智能。这里对注释总结一下。
问题呈现
代码如下：
计算
安全
数据库
网络和加速
企业服务
//标题栏
① <View style = {styles.container}>
②<View style = {styles.headerView}><Text style = {styles.textHeaderStyle}>Header</Text>
</View>
//Tab栏
<ScrollableTabView
style={styles.pagerView}
renderTabBar={() => <DefaultTabBar />}//默认样式，Tab栏不可滑动
tabBarUnderlineStyle={styles.lineStyle}//下划线
tabBarActiveTextColor='#FF0000'>
<MyFlatList //列表项
tabLabel = {dataSource1.tab}
dataSource = {dataSource1}
renderItem = {({item}) =>
<TouchableNativeFeedback //点击事件
onPress = {this.onPress.bind(this,item)}>
<Text style = {styles.textMainStyle}>{item.key}</Text>
</TouchableNativeFeedback>
}
/>没加注释之前运行是正常的，加了注释之后，就报出各种错误。
很是奇怪，经排查发现：
>后使用 // 作为注释要注意，注释内容必须不在任何 html 标签里，否则会当成要显示的文本内容
例如上面的 //Tab栏 虽然在②的外，但是仍在①的内，会被当做要显示的文本，从而报错。这时候注释要用 {/* 一般注释, 用 {} 包围 */}
react native 里是用 JSX 语言，JS 和 html结合，所有注释方式如下：
var content = (
<Nav>
{/* 一般注释, 用 {} 包围 */}
<Person
/* 多
行
注释 */
name={window.isLoggedIn ? window.name : ''} // 行尾注释
/>
</Nav>
);JSX 里添加注释很容易它们只是 JS 表达式而已。你只需要在一个标签的子节点内(非最外层)用 {} 包围要注释的部分。
class ReactDemo extends Component {
render() {
return ( <View style={styles.container}>
{/*标签子节点的注释*/}
<Text style={styles.welcome}
//textAlign='right'
textShadowColor='yellow'
/*color='red'
textShadowRadius='1'*/
>
React Native! </Text>
</View>
);
}
}在标签节点以外注释和通常的注释是一样的，多行用“/**/”，单行用“//”。
注：
使用 // 作为注释要注意，注释内容必须不在任何 html 标签里，否则会当成要显示的文本内容
注释一般用 {/* */}，如果不在任何标签内，可以用 //， } 后注释用 //
看完了这篇文章，相信你对react native注释代码的方法有了一定的了解，想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
