Tengo problemas con este componente de Reactjs. He importado e instalado el componente, escriba el código necesario. Pero apareció con un control deslizante negro Aquí está el código que importé:
import React from "react"; import "./Banner.css"; import SimpleImageSlider from "react-simple-image-slider"; const image = [ { url: "./banner1.png" }, { url: "./banner2.png" }, ]; const Banner = () => { return ( <> <SimpleImageSlider width={1920} height={1080} images={image} style={Banner.css} slideDuration={1} navStyle={1} showBullets Shownavs /> </> ) } export default Banner
***Import like this it will work*** import image1 from './image1.jpg'; import image2 from './image2.jpg'; import image3 from './image3.jpg' const image = [ { url: image1 }, { url: image2 }, { url: image3 } ];