使用反应将实例导出到外部组件

Question

我在 react 中有一个配置组件，我需要将实例导出到另一个外部组件，在这种情况下是： const appInstance

export const setupApp = () => {
  if (isAppAvailable) {
    try {
      {...}

      const appConfiguration = new AppConfiguration(KEY);
      AppConfig.configure(appConfiguration);

      // I need to export this const
      const appInstance = AppConfig.start(startInstance);
      
    } catch (e) {
      console.error(e);
    }
  }
};

在其他组件中，我需要使用这个实例，如下所示：

// get app instance from another page
appInstance.get(myTest)
  .then((value) => {
    if (...) {
      something
    } else {
      something;
    }
  });

我该怎么做？

Answer 1

您的函数setupApp 目前没有返回值。如果在返回值中添加appInstance，则可以从函数外部访问它。

export const setupApp = () => {
  if (isAppAvailable) {
    try {
      {...}

      const appConfiguration = new AppConfiguration(APP_KEY);
      AppConfig.configure(appConfiguration);

      // I need to export this const
      const appInstance = AppConfig.start(startInstance);

      return {
          appConfiguration,
          appInstance,
      }
      
    } catch (e) {
      console.error(e);
    }
  }
};

// get app instance from another page
const appInstance = setupApp().appInstance