redux - react-hot-loader v4，应该在哪里热？

Question

我有两个组件，App 和 Root。
应用程序有路线，并呈现常见的布局。

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

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

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

所以，我的主要问题是

我应该放在哪里 hot(module)(Component) helper ？在 App ?或 Root ?

这些是关于 AppContainer API。

hot 和有什么区别助手和AppContainer ?有没有什么特殊情况AppContainer比 hot 更合适?

Answer 1

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 热加载程序 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'))

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

你应该让你的应用程序很热，因为你很少会编辑你的根组件，
但是app里面的内容会经常更新。