redux – react-hot-loader v4,哪里应该热？

发布时间：2020-12-15 20:20:13 所属栏目：百科来源：网络整理

导读：我有两个组件,App和Root. 应用程序有路由,并提供常见的布局. const App = () = ( Layout Routes / /Layout)const Root = () = ( Providers App / /Providers) Providers包含redux的Provider,redux-persist的PersistGate和react-router-redux的ConnectedRoute

我有两个组件,App和Root.
应用程序有路由,并提供常见的布局.

const App = () => (
  <Layout>
    <Routes />
  </Layout>
)

const Root = () => (
  <Providers>
    <App />
  </Providers>
)

Providers包含redux的Provider,redux-persist的PersistGate和react-router-redux的ConnectedRouter.

所以,我的主要问题是

>我应该把热(模块)(组件)助手放在哪里？在应用程序？还是在Root上？

这些是关于AppContainer API的.

>热帮助器和AppContainer有什么区别？是否有任何特殊情况AppContainer比热更合适？

解决方法

AppContainer与热门

Prior v4 the right way to setup React Hot Loader was to wrap your
Application with AppContainer,set setup module acceptance by
yourself. This approach is still valid but only for advanced use
cases,prefer using hot helper.

React Hot Loader v4：

// App.js
import React from 'react'
import { hot } from 'react-hot-loader'

const App = () => <div>Hello world!</div>

export default hot(module)(App)

// main.js
import React from 'react'
import ReactDOM from 'react-dom'
import App from './containers/App'

ReactDOM.render(<App />,document.getElementById('root'))

我应该把热(模块)(组件)助手放在哪里？在应用程序？还是在Root上？

你应该让你的应用程序很热,因为你很少会编辑你的根组件,但应用程序内的内容将经常更新.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!