Comment annoter du code dans React Native

Comment commenter le code dans React Native : 1. Dans le nœud de balise HTML, utilisez "{/* */}" pour commenter ; 2. En dehors du nœud de balise HTML, plusieurs lignes peuvent utiliser "/**" /" pour commenter, une seule ligne peut être commentée avec "//".

L'environnement d'exploitation de ce tutoriel : système windows7, version React Native0.6&&react16 , cette méthode est applicable pour toutes les marques d'ordinateurs.

Recommandations de tutoriel associées : Tutoriel vidéo React

Les commentaires React Native sont trop particuliers, des erreurs sont fréquemment signalées et elles ne sont pas intelligents. Voici un résumé des commentaires

Présentation du problème

Le code est le suivant :

        //标题栏
        ① <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>
          }
          />

Il fonctionne normalement avant. ajout de commentaires. Après avoir ajouté des commentaires, diverses erreurs sont signalées
C'est très étrange, nous avons trouvé : // est utilisé comme commentaire après

>. le contenu du commentaire ne doit être dans aucune balise html, sinon il sera considéré comme le contenu du texte à afficher

Par exemple, bien que la barre //Tab ci-dessus soit en dehors de ②, elle l'est toujours. à l'intérieur ①. Il sera considéré comme le texte à afficher, et une erreur sera signalée à ce moment-là {/* Commentaires généraux, entourés de {}. */}

React native utilise le langage JSX, combinant JS et html Tous les commentaires sont les suivants :

var content = (
  <Nav>
    {/* 一般注释, 用 {} 包围 */}
    <Person
      /* 多
         行
         注释 */
      name={window.isLoggedIn ? window.name : &#39;&#39;} // 行尾注释
    />
  </Nav>
);

Ajouter des commentaires. en JSX, ce ne sont que des expressions JS. Il vous suffit d'entourer la partie à annoter avec {} à l'intérieur du nœud enfant d'une balise (pas le plus externe) et de commenter à l'extérieur du nœud de balise. Les commentaires habituels sont les mêmes, utilisez ". /**/", utilisez "//" pour une seule ligne.

Remarque :

Lorsque vous utilisez // comme commentaire, veuillez noter que le contenu du commentaire ne doit pas être dans n'importe quelle balise html, sinon il sera considéré comme Le contenu du texte à afficher

les commentaires sont généralement {/**/} pour plusieurs lignes. S'il ne se trouve dans aucune balise, vous pouvez utiliser //, } et utiliser //

pour plus de connaissances sur la programmation. >Introduction à la programmation

 ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!