Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将参数传递给动态导入_Javascript_Reactjs - Fatal编程技术网

Javascript 将参数传递给动态导入

Javascript 将参数传递给动态导入,javascript,reactjs,Javascript,Reactjs,我正在编写一个react应用程序,使用mobx和framework7,并在我的一些导入中使用,我还没有发现任何相关信息,但我想知道是否有一种方法可以在导入中使用变量,类似于以下代码: const Slider=import(“../parts/Slider”)。然后(Slider=> { //源将是一个URL数组 sources.map((source,i,)=> ) } 您应该只使用普通导入并将参数传递给React组件。为什么不执行以下操作: import Slider from "../

我正在编写一个react应用程序,使用mobx和framework7,并在我的一些导入中使用,我还没有发现任何相关信息,但我想知道是否有一种方法可以在导入中使用变量,类似于以下代码:

const Slider=import(“../parts/Slider”)。然后(Slider=>
{
//源将是一个URL数组
sources.map((source,i,)=>
)
}

您应该只使用普通导入并将参数传递给React组件。为什么不执行以下操作:

import Slider from "../parts/Slider";

const SliderComp = ( {sources}, ) =>
    <Slider>
      {
        //sources would be an array of urls
        sources.map( (source, i,) => 
          <div className="slider" key={i}  style={{position:'relative'}}>
            <img className="picture" src={source} alt=""/>
          </div>
        )
      }
    </Slider>

export default SliderComp;
从“./零件/滑块”导入滑块;
常量SliderComp=({sources},)=>
{
//源将是一个URL数组
sources.map((source,i,)=>
)
}
导出默认幻灯片;
并在其他文件中使用它:

import Slider from './SliderComp'
...
<Slider sources={arrayOfSources} />
从“./SliderComp”导入滑块
...

谢谢您的回答!我试图避免静态导入,但我想对于这种情况,它不会提高那么多性能。