リアクション状態のオブジェクトを更新してデータベースに送信する

Question

いくつかのデータを含むプロジェクトを作成するアプリをいくつか書いています。フィールドの1はmembersです。これはプロジェクトメンバー（配列内のオブジェクト）の配列です。プロジェクトの更新機能がありますが、プロジェクトのメンバーデータを更新する際に問題があります。私のサーバー側では、私はいつも古いデータを受け取ります。

メソッドの魔法使いはメンバ配列の状態を更新します。それは、そのデータ

updateMember(data){ 

     let objectIndex = this.state.members.filter((member,index) => { 
      if(data.id === member.id) return index; 
      return -1; 
     }) 

     if(objectIndex !== -1){ 

      let stateCopy = Object.assign({},this.state); 
      stateCopy.members[objectIndex] = data; 

      this.setState({ 
       members: stateCopy.members 
      })   

     } 

    } 

その後、私はデータがボタンをクリックするだけで提出やって REST APIに問い合わせを行う、いくつかのアクションに状態データを送信しています（更新すべきメンバー）に必要なオブジェクトを検索し、更新します。 サーバーにデータを送信する前に、私が送信したデータについて確かめるために console.log()を実行しました。私は を持っていますが、 request.bodyの中にあるサーバーでは、メンバー配列から古いオブジェクトだけを受け取ります。なぜそれが起こるのか分かりません。たぶん私は何か間違っています...あなたの助けとアドバイスを探しています。

Answer 1

setStateが非同期であり、それを呼び出すと即時にthis.state値が更新されないことが考えられます。

setStateを呼び出した直後にデータをサブミットするかどうかを確認し、そうであれば、次の引数としてsetStateに渡すことができるコールバック関数でこれを行うようにしてください。

Answer 2

問題はupdateMemberにありました。変更し
：

updateMember(data){ 

     let objectIndex = this.state.members.filter((member,index) => { 
      if(data.id === member.id) return index; 
      return -1; 
     }) 

     if(objectIndex !== -1){  

      let stateCopy = Object.assign({},this.state); 

      stateCopy.members.splice(objectIndex,1, data); 

      this.setState({ 
       members: stateCopy.members 
      }) 

     } 

    } 

そして、すべてはあなたがAPI呼び出しを持っています