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

【问题标题】：react-hot-loader v4, where should be hot?react-hot-loader v4，应该在哪里热？
【发布时间】：2018-07-22 05:44:05
【问题描述】：

我有两个组件，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) 助手放在哪里？在App?或Root？

这些是关于AppContainer API。

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

【问题讨论】：

Fourwings 你找到答案了吗？
嗯，不。但是1.我在Root端应用了hot loader，因为它在运行时似乎没有任何区别，我只是选择了上层组件。 2.还是不知道。等待答复...

标签： redux react-hot-loader

【解决方案1】：

AppContainer 与热门

在 v4 之前，设置 React Hot Loader 的正确方法是将你的 Application 和 AppContainer，设置安装模块接受方式你自己。这种方法仍然有效，但仅适用于高级用途情况下，更喜欢使用热助手。

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

我应该把 hot(module)(Component) helper 放在哪里？在应用程序上？还是在 Root 上？

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

【讨论】：