en mi webpack.config.js
{
test: /\.(png|jp(e*)g|svg)$/,
use: [{
loader: 'url-loader',
options: {
limit: 8000, // Convert images < 8kb to base64 strings
name: 'images/[hash]-[name].[ext]'
}
}]
},
y mi componente
import React from 'react';
import auroraImagen from './../imagenes/aurora.jpg';
var envoltura = {
backgrounImage: 'url(' + auroraImagen + ')'
};
const Hogar = () => {
return(<div
style={envoltura}
className='hogar-contenedor'>
<h2 className='hogar__titulo'
>Bienvenido a casa.</h2>
<image >
</image>
</div>);
}; export default Hogar;
pero no renderiza la imagen el fondo, las imagenes estan guardadas en src/imagenes/