时间戳

首页 > 解决方案 > 使用 React.StrictMode 标签将 React-Redux 添加到 React 应用程序

javascript - 使用 React.StrictMode 标签将 React-Redux 添加到 React 应用程序

问题描述

最新的 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的用途。我认为它有助于调试和洞察应用程序中的问题，所以我想在开发时保留它。我所做的是正确的还是应该像所有示例中一样完全替换它？

标签： javascriptreactjsreact-redux

解决方案

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')

推荐阅读