dux(0)


redusキーワード概念


1.動作

  • ステータスに変更が必要な場合、動作
  • が発生します.
    {
      type:'ADD_VALUE',
      data:{
        id:1,
        text:'리덕스 배우기'
        }
    }
  • アクションオブジェクトにはtypeフィールドが必要です.
    この値はアクションの名前として扱われます.
  • type値は、更新状態時に注意すべき値です.
  • 2.アクション作成関数

  • アクション作成関数は、アクションオブジェクトを作成するために使用されます.
  • function addValue(data){
      return{
        type : 'ADD_VALUE',
        data
      };
    } 
    // 화살표 함수로 나타내는 법 
    const addValue = data =>({
      type : 'ADD_VALUE',
      data,
    });
  • は、アクションオブジェクトを手動で作成するたびにエラーが発生しないように関数として作成および管理します.
  • 3.ショップ(Store)

  • プロジェクトでは、リカバリを適用するためのショップが作成されます.
  • の1つのプロジェクトには1つの店しかありません.
  • には、アプリケーションのステータスとリダイレクトが含まれます.
    重要な組み込み関数があります.
  • 4.派遣

  • ストアの内蔵関数の1つです.
  • 動作の関数.
  • がこの関数を呼び出すと、ストアはリカバリ関数を実行します.
    新しい状態を作成します.
  • 5.サブスクリプション(Subscribe)

  • ストアの内蔵関数の1つです.
  • const listener = () =>{
      console.log('상태가 업데이트됨');
    }
    const unsubscribe = store.subscribe(listener);
    unsubscribe(); // 추후 구독을 비활성화할 때 함수를 호출 
  • subscribe関数にパラメータとしてリスナー関数を追加して呼び出すと、そのリスナー関数は、アクションがdispatcherされ、ステータスが更新されたときに呼び出されます.