javascript - 如何在 React 中渲染 HOC

Question

我正在尝试使用 React 渲染 HOC，但我不知道如何让它工作。所以我有一个 HOC 可以完美地与 react-navigation 配合使用。我的想法是展示一个渲染器包装了一个 HOC 的组件。我正在尝试这样做:

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

这个 CheckLogin 是 HOC，而 Login 是组件本身。结果是 React 没有提示，而是一片空白。知道如何渲染调用组件本身的 HOC 吗？

Answer 1

您只是在 JSX 中将 HOC 作为函数调用，而您需要使用 </>为了渲染它。

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

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