在需要访问此功能的React中使用util函数

Question

假设我有3个方法和3个组件。这3种方法对于这3种成分几乎是通用的。

组件1需要1种通用方法，而组件2需要2种等等， 根据React docs的说法，为了在组件之间重用方法， 我可以选择Higher Order Component HOC或React Hooks。

代替上面的方法，我使用util方法来重用组件。

function method2() {
      this.setState(prev => ({ toggle: !prev.toggle }));
}

// Binding method2 in constructor

this.method2 = method2.bind(this);

这也可以。.Demo

我发现这种方法易于使用。您是否有任何特殊原因建议您不要采用这种方法？