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>
    );
  }
}

如何在反应中呈现HOC

1 个答案: