Импорт условного компонента в реагирующее приложение

Question

Я использую fetch-mock, чтобы высмеивать фактический компонент, который использует fetch. fetch-mock не поддерживает ie11 и хотел бы импортировать пример компонента, только если поддерживается браузер. Как я могу этого достичь?

1. ABCExampleComponent использует fetch-mock для насмешки fetch используется в ABCComponent.
2. LoadComponent должен отображать ABCExampleComponent, только если поддерживается браузер.

LoadComponent

const isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
if(!isIE11){
  import ABCExampleComponent from './ABCExampleComponent';
}

//or
const ABCExampleComponent = !isIE11 ? import('./ABCExampleComponent') : null;

const LoadComponent = ( ) => {
  <ABCExampleComponent />
}

Спасибо за предложения.

Answer 1

Я не знаю, полностью ли я понимаю ваш вопрос, но попробуйте это const Abc = condition ? require('ComponentA') : require('componentB')