Javascript 在ReactJS中执行默认导出时指定属性值

我为这样一个小问题感到非常痛苦。我正在集成Launch Darkly，它在导出过程中需要一定数量的参数。我的出口如下：

export default withLDProvider({
    clientSideID,
    user: {
      key: userId,
      custom: {
        siteId: site,
      },
    },
  })(App);

现在，clientSideID、userId和site是我需要分配给它的道具的一部分

我尝试了以下方法：

export default (props) => {
  const { auth: { userId, site } } = props.store.getState();

  return withLDProvider({
    clientSideID,
    user: {
      key: userId,
      custom: {
        siteId: site,
      },
    },
  })(App);
};

但我得到了以下错误：

index.js:2178 Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.
    in Component (created by Connect(Component))
    in Connect(Component) (created by HotExportedConnect(Component))
    in AppContainer (created by HotExportedConnect(Component))
    in HotExportedConnect(Component) (at src/index.js:33)
    in ErrorBoundary (at src/index.js:33)

index.js:2178警告：函数作为子函数无效。如果返回组件而不是从渲染返回组件，则可能会发生这种情况。或者你是想调用这个函数而不是返回它。
组件中（由连接（组件）创建）
in Connect（组件）（由HotExportedConnect（组件）创建）
在AppContainer中（由HotExportedConnect（组件）创建）
在HotExportedConnect（组件）中（位于src/index.js:33）
在ErrorBoundary中（位于src/index.js:33）

---

帮助？

我很困惑，您是想创建组件还是函数？如果您正在创建一个函数，那么就不会向它发送道具。如果您正在创建一个组件（称之为：

），那么这可能会满足您的需要：

import React from "react";

const withLDProvider = props => {
    const { userId, site } = props;
    return (
        {
            clientSideID,
            user: {
                key: userId,
                custom: {
                    siteId: site,
                },
            },
        }
    )
}

export default withLDProvider;