使用反應將實例導出到外部組件

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