2

我正在尝试在///项目上设置typscript热模块更换react。我正在尝试使用来保持反应组件状态。它适用于简单的组件，但是当我在组件上使用 HOC 时它停止工作（重新呈现所有应用程序而不是更改的位置），例如。特设：react-router v4reduxreact-hot-loaderwithRouter

import * as React from "react";
import * as ReactRouter from 'react-router';

export default ReactRouter.withRouter(class Test extends React.Component<undefined, undefined> {
    render() {
        return <div>:)</div>
    }
});

我在本文中找到了一个解决方案，当您不撰写临时文件时，它可以正常工作。

import * as React from "react";
import * as ReactRouter from 'react-router';

class Test extends React.Component<undefined, undefined> {
    render() {
        return <div>:)</div>
    }
}

export default ReactRouter.withRouter(Test);

这是一个非常简化的示例，但这是一个糟糕的解决方案，因为我确实在很多地方编写了 HOC，例如connectHOC 将组件连接到 redux store 等。感觉不对，因为你必须默默地知道，你不能那样做，而其他人可能不知道。

我的问题是：是否有适当的解决方案可以使用react-hot-loader和 hoc？

4

0 回答 0