React Q&A - 1


Q&A


1.双方向バインドとは何ですか。


1-1. 基本的な意味
  • ユーザーの入力値によって、JSのデータが変更され、JSのデータがユーザーの画面を変更します.(Reactは一方向なのでイベントが必要)
    =>入力値の変化を監視し、+入力値の新しい値に更新します.
  • 反応器では、双方向バインドは基本的にサポートされず、一方向両側バインドを模倣する.
    💡 참고: Angular등에서는 Event자체를 안쓰고 컨트롤러, 뷰의 데이터가 일치하는것을 양방향 바인딩이라고 부른다.
  • 1-2. Lifting State up
    これは、
  • サブコンポーネントのデータを親コンポーネントにアップロードする方法です.
  • 親エレメントでは、stateをパラメータとして受け入れる関数を作成し、それを子エレメントの支柱として使用し、子エレメントで関数を使用します.変化した値をパラメータとして親エレメントに入れると、親エレメントから利用できます.
  • 2.SPAとMPAとは何ですか。


    2-1. SPA(Single Page Application)
  • は、その名の通り、単一ページからなるアプリケーションであり、通常はクライアント側でレンダリングされます.
  • next.jsを使用する場合は、SSR、SSGとしてレンダリングすることもできます.
  • は、最初のリクエスト時にすべての静的リソースを一度にロードし、その後、ページ移動時に変化した部分のみを更新する.
  • 2-2. MPA(Multi Page Application)
  • 複数ページのアプリケーションをサーバ側でレンダリングします.
  • の新しいページが要求されるたびに、リソースは閉じられ、ページ全体が再表示されます.
  • ページごとにmetaラベルを追加し、シリアルエンジン最適化(SEO)の管理を容易にします.
  • 3.<form>を使用する場合、submitイベントを使用してreduceデータを初期化する理由は何ですか?

  • submitイベントのデフォルトイベントは、フォームに入力された値をサーバに送信します.アクションプロパティがターゲットページに直接ジャンプするため、初期化されます.
  • イベントのパラメータとしてイベントオブジェクトを受信することで、preventDefault()メソッドを使用してブラウザのデフォルト動作を防止できます.
  • Reference


    https://www.udemy.com/course/best-react/
    https://velog.io/@shin6403/SPA-MPA-CSR-SSR