react native怎麼註解程式碼

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

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

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

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

問題呈現

程式碼如下：

        //标题栏
        ① <view>
            ②<view><text>Header</text>
            </view>
          //Tab栏
          <scrollabletabview> <defaulttabbar></defaulttabbar>}//默认样式，Tab栏不可滑动
              tabBarUnderlineStyle={styles.lineStyle}//下划线
              tabBarActiveTextColor='#FF0000'>         

          <myflatlist>
            <touchablenativefeedback>
                <text>{item.key}</text>
            </touchablenativefeedback>
          }
          /></myflatlist></scrollabletabview></view>

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

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

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

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

var content = (
  <nav>
    {/* 一般注释, 用 {} 包围 */}
    <person></person>
  </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中文網其他相關文章！