reactjs - 使用 connect 和 HoC 时如何访问静态方法？

Question

为了能够获取数据用于服务器端渲染，它是 recommended设置一个静态方法 fetchData ，它将通过异步操作填充 Redux 存储。

当使用connect时该组件已被包装，只能通过 WrappedComponent 访问。但是静态方法是不可访问的。当使用其他 HoC(例如 reducerInjector)时，这个问题会进一步加剧。推荐的方法是什么？

Answer 1

从react-redux文档中您可以看到connect使用hoistNonReactStatics (如果您查看源代码，您会在connectAdvanced中找到它，然后由connect扩展)。

因此，如果您使用 connect，您仍然应该可以访问您自己的静态方法。但是，如果您使用其他HoC，静态方法可能不会被复制。

另一种选择是将静态方法设为函数

export default myFunction = () => { /* do stuff */ }

并将其导入到需要使用的地方。