react native怎麼註解程式碼

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

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

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

#React Native 註解太講究，動不動就報錯，而且很不聰明。這裡對註解總結一下。

問題呈現

程式碼如下：

        //标题栏
        ① 11676cce6cd603bf0d82d9fd0667526d
            ②70dc183307a8935ad2def18e3a70a45e3e10c0c3bd26d984e00128fc4c74ac1bHeaderb735fb8965edb39ac28662131d16c063
            3d260b73c372472a96940693fb62cbcc
          //Tab栏
          0163496f741cf4a3a6d60244dd3fd42a 67c8380713b32081c3104ec94ba56d81}//默认样式，Tab栏不可滑动
              tabBarUnderlineStyle={styles.lineStyle}//下划线
              tabBarActiveTextColor='#FF0000'>         

          94f685590481c166e49f637426936dfd
            eb1064aab53c77a64ebb21adda5a990d
                b4a226bead624681d8cc0bc767df382c{item.key}b735fb8965edb39ac28662131d16c063
            1d37001aadc107a81e197a893ba89ea3
          }
          />

沒加註解之前運行是正常的，加了註解之後，就報出各種錯誤。
很奇怪，經排查發現：

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

例如上面的//Tab欄雖然在②的外，但是仍在①的內，會被當做要顯示的文本，從而報錯。這時候註釋要用{/* 一般註釋, 用{} 包圍 */}

react native 裡是用JSX 語言，JS 和html結合，所有註解方式如下：##

var content = (
  f4fdefacb9d1b27eee008428b9326e3c
    {/* 一般注释, 用 {} 包围 */}
    04fdb84174d15ff488bf05723927c9f0
  63b39a681ee211de3e07344ad97de9bf
);

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中文網其他相關文章！