React Native でコードにアノテーションを付ける方法

反応ネイティブでコードにコメントを付ける方法: 1. HTML タグ ノード内では、「{/* */}」を使用してコメントします。2. HTML タグ ノードの外側では、「/**/" でコメントする場合は、"//" で 1 行コメントにすることができます。

このチュートリアルの動作環境: Windows7 システム、reactnative0.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 バーは②の外側にありますが、依然として表示されます。 ①内は表示テキストとみなされエラーが報告されます。このときのコメントは {/* 一般コメント を {} で囲みます。」を使用します。 " 複数行 */}

#反応ネイティブは、JS と html を組み合わせた JSX 言語を使用します。すべてのコメントは次のとおりです:

var content = (
  <Nav>
    {/* 一般注释, 用 {} 包围 */}
    <Person
      /* 多
         行
         注释 */
      name={window.isLoggedIn ? window.name : &#39;&#39;} // 行尾注释
    />
  </Nav>
);

JSX にコメントを追加する 簡単に言うと、それらは単なる JS 式です。タグの子ノード (最外部ではありません) 内で、コメントする部分を {} で囲むだけです。タグノードと通常のコメントは同じです。複数行には「/**/" の場合は、1 行に "//" を使用してください。

注:

// をコメントとして使用する場合は、コメントの内容を次のとおりにしないでください。任意の HTML タグに含める場合、それ以外の場合は表示されるテキスト コンテンツとみなされます。

コメントは通常 {/**/}」を使用します。タグ内にない場合は、//, } の後にコメント //
## を使用できます。 #その他のプログラミング関連の知識については、

プログラミング入門

をご覧ください。 ！

以上がReact Native でコードにアノテーションを付ける方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。