何らかの形で還元剤の状態が更新されました

Question

私はreact.jsの初心者です。私は初心者のプロジェクトとしてボードゲームを作っています。ダイスを回転させるコンポーネントがあります。ダイスがロールされると、その状態のダイスがそのダイスの値を反映するようにアクションがディスパッチされます。しかし、減速機では、stateとaction.dataの値は同じです。そんなことがあるものか？

ボタンをクリック

は、アクションがディスパッチされ、それにサイコロ値を追加することにより、更新に状態を想定している。

は、私はこれを返すコンポーネントを転がすサイコロを持っています。ジューサーで

rollDice(){ 
     console.log("this.props ||||| rollDice()", this.props); 
     if(this.props.isDiceRolled){ 
      alert("Move the marker..."); 
      return; 
     } 
     this.props.dispatch({ 
      type: "ROLL_DICE", 
      data: { 
       dice: Math.ceil(Math.random() * 5), 
       isDiceRolled: true 
      } 
     }); 
    } 

：Reduxので

switch(action.type){ 

    . 
    . 
    . 

    case "ROLL_DICE": { 
     console.log("ROLL_DICE"); 
     console.log(state, action.data); 
     const newTurn = Object.assign(state.currentTurn, action.data); 
     return Object.assign(state, { currentTurn: newTurn }); 
    } 
    default: { 
     return state; 
    } 

} 

Answer 1

、減速中に、あなたは新しい状態を返すために持っているすべての時間。 ので、代わりに次の2行は：

const newTurn = Object.assign(state.currentTurn, action.data); 
return Object.assign(state, { currentTurn: newTurn }); 

あなたは問題がObject.assignである必要があり、この

const newTurn = Object.assign({}, state.currentTurn, action.data); 
return Object.assign(
    {}, 
    state, 
    { currentTurn: newTurn} 
) 

のようなものを書く必要があります。もっと詳しく読む：https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign