在React中构建一个图像滑块

问题描述

我想不出很简单的东西：-（

我正在用React构建一个图像滑块，这个想法是：

导入一个data.js文件，其中包含图像文件路径。
用户单击按钮并在数组中移动。
当然，我不能一张一张地导入图像...

    import React from 'react';
    import pics from './data'; //-->array with paths to images.
    function App() {
        let path =`./wallpapers/${pics[0]}`
        console.log(path)
        return (
            <div className="App">
            <img className='image' src={path} alt='dont know how will fix this,we dont have a way to generate alt content'/>
            <div className='panel'>
            <button>Left</button>
            <button>Right</button>
            </div>
            </div>
        );
    }
    
    export default App;

现在我很困惑，因为这是javascript图像不会那样加载。有什么方法可以实现这一目标，还是我应该研究的任何技术？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

image image reactjs reactjs