警告：如果您返回一个组件而不是<component />从渲染

Question

const PersonDetails = () => {
  return (
    <SwapiServiceConsumer>
      {({ getPerson }) => {
        return witdDetails(
          withChildFunc(ItemDetails, withChildDetails(arrPersonDetails)),
          getPerson
        );
      }}
    </SwapiServiceConsumer>
  );
};

你好呀。 请告诉我我的错误在哪里。 我收到以下错误：警告：函数作为 React 子项无效。 如果您从渲染中返回一个组件而不是 <Component />，则可能会发生这种情况。 或者您可能打算调用此 function 而不是返回它。

Here witdDetails, withChildFunc and withChildDetails is HOC
If anyone knows the swapi, I have the PlanetList but the PlanetDetails are not visible.

Answer 1

该错误非常明确，您不能将 function 作为 React Child 返回。

要么确保withDetails function 返回一个有效的 React 组件，要么您可以创建一个新组件，它将细节作为 props 将它们呈现在 DOM 上并返回它。