React Q&A - 1

1664 ワード

1-1. 基本的な意味

ユーザーの入力値によって、JSのデータが変更され、JSのデータがユーザーの画面を変更します.(Reactは一方向なのでイベントが必要)
=>入力値の変化を監視し、+入力値の新しい値に更新します.

反応器では、双方向バインドは基本的にサポートされず、一方向両側バインドを模倣する.

💡 참고: Angular등에서는 Event자체를 안쓰고 컨트롤러, 뷰의 데이터가 일치하는것을 양방향 바인딩이라고 부른다.

1-2. Lifting State up
これは、

サブコンポーネントのデータを親コンポーネントにアップロードする方法です.

親エレメントでは、stateをパラメータとして受け入れる関数を作成し、それを子エレメントの支柱として使用し、子エレメントで関数を使用します.変化した値をパラメータとして親エレメントに入れると、親エレメントから利用できます.

2-1. SPA(Single Page Application)

は、その名の通り、単一ページからなるアプリケーションであり、通常はクライアント側でレンダリングされます.

next.jsを使用する場合は、SSR、SSGとしてレンダリングすることもできます.

は、最初のリクエスト時にすべての静的リソースを一度にロードし、その後、ページ移動時に変化した部分のみを更新する.

2-2. MPA(Multi Page Application)

複数ページのアプリケーションをサーバ側でレンダリングします.

の新しいページが要求されるたびに、リソースは閉じられ、ページ全体が再表示されます.

ページごとにmetaラベルを追加し、シリアルエンジン最適化(SEO)の管理を容易にします.

submitイベントのデフォルトイベントは、フォームに入力された値をサーバに送信します.アクションプロパティがターゲットページに直接ジャンプするため、初期化されます.

イベントのパラメータとしてイベントオブジェクトを受信することで、preventDefault()メソッドを使用してブラウザのデフォルト動作を防止できます.

この問題について(React Q&A - 1), 我々は、より多くの情報をここで見つけました https://velog.io/@llama/React-QA-1

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol