如何在反应中呈现HOC

Question

我试图用反应来渲染一个HOC，但我无法弄清楚如何让它起作用。所以我有一个HOC与反应导航完美配合。我的想法是展示渲染包装HOC的组件。我想这样做：

  render() {
    return (
      <View style={viewStyle}>
        {CheckLogin(Login)}
      </View>
    );
  }

这个CheckLogin是HOC，Login是组件本身。结果是React没有抱怨但是空白。知道如何渲染HOC调用Component本身吗？

Answer 1

您只是将HOC称为JSX内部的函数，而是需要使用</>来呈现它。

// Apply your HOC
const EnhancedComponent = CheckLogin(Login);

class MyComponent extends Component {
  render() {      
    return (
      <View style={viewStyle}>
        <EnhancedComponent  />
      </View>
    );
  }
}