Heim > Web-Frontend > js-Tutorial > So kommentieren Sie Code in React Native

So kommentieren Sie Code in React Native

青灯夜游
Freigeben: 2020-12-21 17:07:07
Original
3485 Leute haben es durchsucht

So kommentieren Sie Code in React Native: 1. Verwenden Sie „{/* */}“ innerhalb des HTML-Tag-Knotens, um zu kommentieren. 2. Verwenden Sie außerhalb des HTML-Tag-Knotens „/**/“ zum Kommentieren, eine einzelne Zeile kann mit „//“ kommentiert werden.

So kommentieren Sie Code in React Native

Die Betriebsumgebung dieses Tutorials: Windows7-System, React Native0.6&&React16-Version, diese Methode ist für alle Computermarken geeignet.

Empfohlene Tutorials: React-Video-Tutorial

React Native geht zu wählerisch mit Kommentaren um, meldet häufig Fehler und ist sehr unintelligent. Hier ist eine Zusammenfassung der Kommentare.

Der Code lautet wie folgt:

        //标题栏
        ① <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>
          }
          />
Nach dem Login kopieren
Es läuft normal ohne Kommentare hinzuzufügen.

Es war sehr seltsam:


> . Der Textinhalt

Obwohl sich die //Tab-Leiste oben außerhalb von ② befindet, wird sie als der anzuzeigende Text betrachtet und ein Fehler gemeldet Kommentar muss {/* Allgemeiner Kommentar sein, verwenden Sie {}*/} für mehrere Zeilen

React Native verwendet die JSX-Sprache, die JS und HTML kombiniert. Alle Kommentare sind wie folgt:

var content = (
  <Nav>
    {/* 一般注释, 用 {} 包围 */}
    <Person
      /* 多
         行
         注释 */
      name={window.isLoggedIn ? window.name : &#39;&#39;} // 行尾注释
    />
  </Nav>
);
Nach dem Login kopieren
Es sind nur JS-Ausdrücke die untergeordneten Knoten eines Tags ( (nicht äußerste Ebene) Umgeben Sie den zu kommentierenden Teil mit {}
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>
    );
  }
}
Nach dem Login kopieren

Kommentare außerhalb des Label-Knotens sind die gleichen wie normale Kommentare, verwenden Sie „/**/“, verwenden Sie „//“ für eine einzelne Zeile.


Hinweis:

Wenn Sie // als Kommentar verwenden, beachten Sie bitte, dass der Kommentarinhalt nicht in einem HTML-Tag enthalten sein darf, da er sonst als das angesehen wird Textinhalte, die angezeigt werden sollen.

Kommentare verwenden im Allgemeinen { /**/} für mehrere Zeilen, wenn nicht innerhalb einer Beschriftung, können Sie //, } gefolgt von //


Für weitere Programmierkenntnisse besuchen Sie bitte:

Einführung in die Programmierung

! !

Das obige ist der detaillierte Inhalt vonSo kommentieren Sie Code in React Native. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage