Question

我在React本机应用程序上使用名为withTheme的自定义HOC。

我这样使用它：

import React from 'react';
import { withTheme } from 'react-native-elements';
// some code
export const MyComponent: React.FC<MyComponentProps> = ({
  relationshipStyle
}) => {
  // some code
  return (
    <Text style={relationshipStyle}>hello</Text>
    {newComponent}// and here I'll put a new component
  );
};

export default withTheme(MyComponent, 'MyComponent');

但是现在，我想在同一文件中添加另一个必须withTheme HOC使用的组件。我该怎么办？

我需要类似的东西：

// the code is wrong, I just want to show what I'm trying to get
export const withTheme(newComponent({
  statusStyle
}), 'newComponent) => {
  return (
    <Text
      style={statusStyle}
    >
      new component
    </Text>
  );
};

Answer 1

您只需要导出两个组件。当然，您只能有1个默认导出，因此您必须至少命名另一个。例如：

const OtherComponent = withTheme(_OtherComponent, 'OtherComponent');
export OtherComponent;

如何在两个组件上使用withTheme HOC？

1 个答案: