javascript - React 開発ツールが props/state を変更できないようにする

Question

プロダクションのフロントエンドからの小道具/状態の変更を防ぐ方法はありますか?

私は以下を試しましたが、開発ツールを完全に無効にします:

if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') {
  for (let [ key, value ] of Object.entries(
    window.__REACT_DEVTOOLS_GLOBAL_HOOK__
  )) {
     window.__REACT_DEVTOOLS_GLOBAL_HOOK__[key] =
       typeof value === 'function' ? () => {} : null;
  }
}    

Answer 1

さて、その関数でさえ注入/関与しないようにする方法を見つけました。

無効化コードを次のように変更しました。

// このプロジェクトの react-dev-tools を無効にします

 if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === "object") {
        for (let [key, value] of Object.entries(window.__REACT_DEVTOOLS_GLOBAL_HOOK__)) {
            window.__REACT_DEVTOOLS_GLOBAL_HOOK__[key] = typeof value == "function" ? ()=>{} : null;
        }
    }