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

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

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

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

var content = (
  <nav>
    {/* 一般注释, 用 {} 包围 */}
    <person></person>
  </nav>
);

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

注:

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

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

プログラミング入門

をご覧ください。 ！

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