javascript - 使用 React 和 Meteor 时是否可以进行热重载？

Question

我正在开发一个使用 Meteor 和 React 的应用程序。

我的一个 React 组件如下所示:

MyModal = React.createClass({
    openModal() {
        this.setState({active: true});
    },
    closeModal() {
        this.setState({active: false});
    },
    getInitialState() {
        return {
            active: this.props.isVisible
        }
    },
    render() {
        return (
            <div className={"modal "+(this.state.active ? 'active' : '')}>              
                <div className="content">
                    <span className="closeModal fa fa-times" onClick={this.closeModal}></span>

                    {this.props.children}
                </div>
            </div>
        )
    }
})

现在，每当我更改组件代码时，整个页面都会重新加载并重置状态。有没有办法保持组件的当前状态？据我所知，这可以通过React Hot Reloader实现，但是使用Metro时也可以实现吗？

提前致谢!

Answer 1

您可以使用 this package. 将 Webpack 与您的 Meteor 应用程序集成

还有this boilerplate如果你想从头开始:

在现有应用程序中开始使用 webpack 并不是一件容易的事，但由于以下原因，这是非常值得的:

• 使用 React 热重载
• ES6 模块:这就是 future !
• 代码分割:仅在客户端加载应用程序的一部分，并在需要时加载其余部分。