动态导入基于道具名称的反应

Question

动态导入基于反应中的道具名称

import { a, b, c } from 'some-package/theme' // should not import everything here

const MyComp = ({ theme, ...other }) => { 

  console.log(theme) //can be a, b, c, d, e etc
  return(<MyCompInner />) 
}

export default MyComp

如何从某些包/主题＆＃39;进行动态导入？ ？主题的支柱可以是a，b，c等。主题道具是选项，但我必须从＆＃39; some-package / theme＆＃39;中导入值。在我提供给<MyCompInner />

之前

Answer 1

您可以使用require()。与必须位于顶部的import不同，您可以在代码中的任何位置使用require()。

const MyComp = ({ theme, ...other }) => { 

  const t = require('some-package/theme/' + theme);
  return(<MyCompInner theme={t} />) 
}

export default MyComp