Quiero insertar una image como fondo en la tarjeta. Guardé la image en public/img/login.png. La image no se muestra. Estoy usando la plantilla de administración coreui react. Este es mi código ::
<CCard className="text-white bg-primary py-5 d-md-down-none " style={{ width: '44%' , backgroundImage: "url(/login.png)" }}> <CCardBody className="text-center "> <div> <h2>Sign up</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <Link to="/register"> <CButton color="primary" className="mt-3" active tabIndex={-1}>Register</CButton> </Link> </div> </CCardBody> </CCard>Ha creado una carpeta de activos dentro de su carpeta raíz, luego puede agregar una carpeta de imágenes allí y tomar la ruta relativa e importarla en la URL de la imagen de fondo.
importar la imagen
import Yourimage from '../images/background_image.png'; var imgStyle= { backgroundImage: `url(${Yourimage})` }; class ImgComponent extends Component { render() { return ( <div style={imgStyle}> </div> ); } }