React基本チュートリアル

イントロダクション Reactのインストール react-devtoolsプラグインの接続 コンポーネント指向 サイトレイアウト コンポーネントの動作結果

JSX言語

JSXの紹介 ネストされたタグの返却 タグの下への折り返し 複数のタグの返却 閉じていないタグの返却 関数による空タグの返却 変数値の挿入 変数挿入時のニュアンス 配列の挿入 オブジェクトの挿入 属性への挿入 JSXでのタグの保存 複数タグの保存 異なる行のタグ タグの返却 JSXタグの閉じ状態 マークアップの正確性 JavaScriptコードの実行

条件分岐

JSXにおける条件分岐 条件付き表示 タグの返却条件 JSXでの三項演算子 JSXでの&&演算子の使用 短縮条件のための反転

関数

関数の使用 タグ内での関数の呼び出し ハンドラーの設定 ハンドラーのパラメーター Eventオブジェクト パラメーターを渡す際のEventオブジェクト

タグの形成

タグ配列 ループ内のタグ配列 データ配列からのタグ 配列のキー オブジェクトの配列 idによるキー オブジェクト配列からのテーブル

ユニークなID

議論 新規IDの問題点 ID用のランダム文字列 IDの生成 ID生成関数 ID関数の使用 関数の誤った使用

ステート

ステート入門 使用法 リアクティビティ ステート内の論理値 ステート操作におけるカウンター

フォーム

入力フィールドの操作 データ出力時の入力フィールドデータの変更 関数によるデータの変更 複数の入力フィールドの操作 フォームデータの処理 textareaの操作 チェックボックスの操作 チェックボックスと条件付きレンダリング セレクトボックスの操作 配列からのセレクトボックス項目 セレクトボックスのvalue属性 配列からのセレクトボックスのvalue属性 ラジオボタンの操作 デフォルト値 配列への入力フィールドのバインド オブジェクトへの入力フィールドのバインド

データ

はじめに 配列へのリアクティブな追加 配列のリアクティブな操作 オブジェクト配列へのリアクティブな追加 オブジェクト配列のリアクティブな操作 データのリアクティブな表示

コンポーネント

コンポーネントの紹介 コンポーネントの使用 コンポーネントの複数インスタンス コンポーネントのprops 子コンポーネント 子コンポーネント作成のための配列 ループ内の子コンポーネント 子コンポーネントへのstateの受け渡し コンポーネントへのidの受け渡し 親のstateの変更 親のstateの編集 祖父母のstateの編集 stateによる動作モード

コンセプト

イントロダクション コンポーネントのデータ コンポーネントのタイプ 単一方向データフロー ステートのリフトアップ 信頼できる唯一の情報源

スタイリング

Reactにおけるスタイリング手法 グローバルCSS オブジェクトからのstyle属性へのデータ挿入 別ファイルからのstyle属性へのデータ挿入 style属性内でのCSSスタイルの操作 変数からのstyle属性へのデータ挿入 Styled Components Styled ComponentsにおけるProps Styled ComponentsにおけるPropsと条件付きレンダリング スタイルを拡張したコンポーネント CSSモジュールの開始 CSSモジュールの続き クラス用のcomposesコマンド ファイル用のcomposesコマンド

プロジェクト

チェックリスト メモ帳
日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否