Hatena Blog Tags
はてなブログ トップ
Props
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Props

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
学習用ブログ•2年前

Propsとは

Propsは、Reactでコンポーネント間で情報を渡すための仕組みです。 Propsは、親コンポーネントから子コンポーネントにデータを渡すために使用されます。 以下の例では、AppコンポーネントがMessageコンポーネントにプロパティを渡しています。 Propsの例 この例では、Appコンポーネントが、Messageコンポーネントに"Hello World!"という文字列を含むプロパティを渡しています。 Messageコンポーネントは、そのプロパティを受け取り、表示します。 Reactでは、Propsは読み取り専用であるため、子コンポーネントは親コンポーネントから渡されたプロパティを変更する…

#Props#オブジェクト#コンポーネント#react

関連ブログ

学習用ブログ•2年前

Reactとは（基礎知識編）

Reactには、いくつかの基本的な概念や用語があります。 以下に説明します。 コンポーネント (Component) Reactの中心的な概念であり、ユーザーインターフェースの構成要素を表します。コンポーネントは、再利用可能であり、独立して動作するように設計されています。 pucca0401.hatenablog.com JSX ReactでUIを表現するために使用されるJavaScriptの拡張構文であり、HTMLのように見えますが、JavaScriptの中に埋め込まれた形式で書かれています。JSXは、コンポーネントの見た目を定義するために使用されます。 pucca0401.hatenabl…

#react#コンポーネント#JSX#Props#レンダリング
兵どもが、夢のあとさき•3年前

Reactって何だー（JSX、props編）

photo at Rebun island JSXとは props を使用して引数をコンポーネントに渡す JSXとは JSX とはなんでしょうか。JSX とは、JavaScript + XML の略で、JavaScript の拡張構文です。UI がどのような見た目かを記述するために、React で JSX を使用することは必須と言って良いでしょう。基本的な形式は、function コンポーネント名(引数) { /* JavaScript */ return ( HTML文 )} となります。 それでは、簡単な JSX 構文のプログラムを作成してみましょう。プロジェクト名は jsx としましょう…

#JSX
yamapraのブログ•3年前

Reactメモ ~~

Reactのメモ2です propsの指定 JavaScript式 任意のJavaScript式は{}で囲むことによってpropsとして渡すことができます。 <MyComponent foo={1+2+3+4}/> MyComponentというコンポーネントのpropsのfooに10が与えられる。 if文やfor文はJavaScriptでは文ではないらしいので{}の中で使うことができないので、JSX記法の近くで間接的に用いるらしい。 function Number(props){ let description; if(props.number %2 == 0){ description=<st…

#初学者#チュートリアル
ライフイズ•4年前

Vue.js propsの使い方~親から子へ値を渡す方法~

はじめに SPAでページを作成していた際に、親コンポーネントから子コンポーネントへ値を渡すPropsを使用しました。 Propsについて簡単にまとめましたので、こちらを読んでいただければPropsについて基本的な使い方はわかるかと思います。 Propsとは 簡単にいうと、親コンポーネントから子コンポーネントに文字列、数値、配列やオブジェクトなどの値を渡すことができるものです。 基本的な使い方 今回はページのコンテンツタイトルをコンポーネント化した簡単な例です。 （親） <template> <ContentsTitle title="about" /> </template> <script>…

#Vue.js#Props#値#WebService