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

Props

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

【Vue.js 3】親子間のコンポーネントの通信

Vue.jsでアプリケーションを開発していると、「コンポーネント」という部品をたくさん作ることになります。このコンポーネント、単体で完結することは少なく、他のコンポーネントと連携して初めて意味のある機能を実現します。その連携の要となるのが、「コンポーネント間のデータ受け渡し」です。 Vue.jsには、このデータ受け渡しの方法がいくつか用意されており、状況に応じて最適な方法を選ぶことが、見通しが良くメンテナンスしやすいアプリケーションを作る鍵となります。 今回は、最も基本的で重要な「親子間の通信」を担う「props」と「emit」について記事にしたいと思います。前提としてこの記事では、Vue3で…

#Vue.js#emit

関連ブログ

学習用ブログ•3年前

Propsとは

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

#Props#オブジェクト#コンポーネント#react
学習用ブログ•3年前

Reactとは（基礎知識編）

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

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

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のブログ•4年前

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…

#初学者#チュートリアル