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

Question

我在反应中有一个配置组件，我需要将实例导出到另一个外部组件，在这种情况下是： 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

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

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