React Native の 3 つの主要なコア コンポーネントを探索する

React Native の 3 つの主要なコア コンポーネントを探索する

JSX コンポーネント内で数回使用される重要なコア コンポーネントが 3 つ あります。以下に示します

1. <表示 />
2. <テキスト />

表示

反応ネイティブの

ビューは、反応ネイティブの他のコア コンポーネントを保持する コンテナ と呼ばれます。他のコンポーネントを保持するラッパーのようなものです。

皆さんが Web 開発出身の場合、この View は、 html. React Native では、コンテナを作成するための

コンポーネントのみがあります。

テキスト

反応ネイティブのテキストは、テキストを書き込むのに役立つコアコンポーネントです。

がないと、React Native でテキストを書くことができません。 Web 開発でテキストを書きたい場合は、

、

または

ただし、 コンポーネントでは、次のようなエラーが発生します。

ここでは、「

テキスト文字列は でレンダリングする必要がある」というエラーが表示されていることがわかります。コンポーネント。”** 文字列を書き込むための構文を以下に示します。

テキストを書き込むリアルタイムの例、

<View>
    <Text>
        Something that we have to render in this text tag, In React Native.
    </Text>
<View>

最後は TextInput

です はボックス内にテキストを書き込むのに役立つコンポーネントで、Web 開発者にとっては のようなものです。タグ。

これらのコアコンポーネントの詳細については、これらのリンクをチェックしてください。

<表示>

3. 読んでいただきありがとうございます。 React Native でネイティブ アプリを構築することに興味がある場合は、https://dev.to/sadiqhasanrupani
で最新情報を入手してください。

私が何をしているのか知りたい場合は、LinkedIn または X で私をフォローしてください。

以上がReact Native の 3 つの主要なコア コンポーネントを探索するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

html String if for Error this input kind react native https Other

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。