react应用程序中的条件组件导入

Question

我使用fetch-mock来模拟使用fetch的实际组件。fetch-模拟不支持ie11，并且只在浏览器被支持的情况下才想导入示例组件。我怎样才能做到这一点？

1. ABCExampleComponent使用fetch-mock来模拟ABCComponent中使用的fetch。
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')