So kommentieren Sie Code in React Native

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.

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>
          }
          />

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>
);

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>
    );
  }
}

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!