React：shouldComponentUpdateが非同期操作を待つ

Question

私はフォームで完了した情報が失われる別のセクションに移動しようとしているときにユーザーに警告する確認モーダル（反応確認を使用）を表示しようとしています。

JSの確認は、コードをブロックしないので、私はこれを行うことができます：

shouldComponentUpdate(nextProps, nextState) { 
     if (confirm('Hay cambios sin guardar, si continua se perderán. ¿Desea continuar?')) { 
      return true; 
     } else { 
      return false; 
     } 
} 

をしかし、私は結果を待つことができないライブラリに反応-確認のいずれかで確認方法を交換するときこの非同期操作。

async shouldComponentUpdate(nextProps, nextState) { 
    const response = await confirm('Hay cambios sin guardar, si continua se perderán. ¿Desea continuar?', { title: "Cambios sin guardar", okLabbel: "Sí", cancelLabel: "No!" }) 
     .then(
      () => { 
       return true; 
      }, 
      () => { 
       return false; 
      } 
     ); 
    return (response); 

}

私はこれを取得することができますどのように、誰もが知っていますか？

Answer 1

私はアプリの構造を変えることになりました。私は別のルートで各セクションを管理します。したがって、コンポーネントではなくルーティングで確認を実装します。

Answer 2

この問題の別の方法を使用する必要があります。いずれかのボタンをクリックするか他のアクションは、モーダル/確認ウィンドウを表示します。 そして同様に、このウィンドウのためなeventHandlerを追加します。

_onClose(shouldUpdate) { 
    if(shouldUpdate) { 
    this.setState({}); // or this.forceUpdate() 
    } 
}