创建react项目时，运用react-hot-loader组件，组件不生效的问题

Question

1.创建react项目时，因为运用webpack-hot-middleware热更新更新页面时，会导致组件的状态值会被重置为初始值，所以运用react-hot-loader的组件做处理，但是怎么设置都不生效，不知道是为什么
2.

Answer 1

似乎你没有使用装饰器把组件包起来。

import {hot} from 'react-hot-loader';

export default hot(module)(Counter);

或者stage阶段的装饰器语法，这个需要babel的额外插件

import {hot} from 'react-hot-loader';


@hot(module)
export default Counter extends Component {}