使用 React.StrictMode 標簽將 React-Redux 添加到 React 應用程序

Question

最新的 create-react-app 默認情況下在組件周圍有<React.StrictMode>標簽。 我看到的每個將 react-redux 添加到應用程序的示例都沒有 React.StrictMode 標記。

這是我所做的：

<Provider store={store}>
  <React.StrictMode>
    <App />
  </React.StrictMode>
</Provider>,
document.getElementById('root')

但是，我總是看到：

<Provider store={store}>
  <App />
</Provider>,
document.getElementById('root')

我閱讀了StrictMode的用途。 我認為它有助於調試和洞察應用程序中的問題，所以我想在開發時保留它。 我所做的是正確的還是應該像所有示例中一樣完全替換它？

Answer 1

React.StrictMode也應該包裝整個應用程序，包括提供程序。 所以改變你的代碼如下：

從

  <Provider store={store}>
    <React.StrictMode>
      <App />
    </React.StrictMode>
  </Provider>,
  document.getElementById('root')

至

  <React.StrictMode>
    <Provider store={store}>
      <App />
    </Provider>
  </React.StrictMode>,
  document.getElementById('root')