将方法移出React组件，但仍访问状态对象

Question

我希望通过将一些方法移动到FooHelpers.js ES6类中，然后将它们泛化以与其他相关的React组件一起工作，从而重构一个相当笨重的React组件。

我的问题是，我想移出的这些方法访问周围React组件的状态对象。

现状：

// Foo.jsx

getItems() {
    return this.state.items;
}

someLogic() {
    const items = this.getItems();
}

我想去的地方：

// FooHelpers.js

getItems() {
    // ???
}

// Foo.jsx

someLogic() {
    const items = FooHelpers.getItems();
}

我有多种方式可以考虑这样做，但我很感兴趣的是，是否有人以一种更具反应性的方式接近它。

Answer 1

对于高阶组件来说，这是一个完美的用例，它的子组件将是与您的Foo.jsx相关的组件。在我对这个问题的回答中可以看到关于HoC的更多信息：https://stackoverflow.com/a/32729203/4190422。