react native怎麼註解程式碼

react native註解程式碼的方法：1、HTML標籤節點內，使用「{/* */}」進行註解；2、HTML標籤節點外，多行可以用「/**/”進行註釋，單行可以用“//”進行註釋。

#本教程操作環境：windows7系統、react native0.6&&react16版本，該方法適用於所有品牌電腦。

相關教學推薦：React影片教學

#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 : &#39;&#39;} // 行尾注释
    />
  </Nav>
);

JSX 裡加入註釋很容易它們只是JS 表達式而已。你只需要在一個標籤的子節點內(非最外層)用{} 包圍要註解的部分。

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

在標籤節點以外註解和通常的註解是一樣的，多行用「/**/”，單行用“//”。

註：

#使用// 作為註解要注意，註解內容必須不在任何html 標籤裡，否則會當成要顯示的文字內容

註解一般用{/**/}，如果不在任何標籤內，可以用//， } 後註解用//

更多程式相關知識，請訪問：

程式設計入門！ ！

以上是react native怎麼註解程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！