Witam, mam taki kod w css
.chart {
padding: 4rem 0;
background: url("../../resources/images/chart/background.png");
}
i takiego JSXa
import React from 'react';
import './chart.css';
// ZDJECIA
// import { default as background__image } from '../../resources/images/chart/background.png';
const Chart = () => {
return (
<section className="chart">
dfsdggsd;ujl;jkl;jyioyioiy
</section>
)
}
export default Chart
Jednak po wejściu na stronę nie ładuje się zdjęcie z CSSa (div ma zawartość), w ogóle go nie widać. Dodam, że po zaimportowaniu zdjęcia i wstawieniu go bezpośrednio w JSX dalej nic się nie dzieje
import React from 'react';
import './chart.css';
// ZDJECIA
import { default as background__image } from '../../resources/images/chart/background.png';
const Chart = () => {
return (
<section className="chart" style={{ backgroundImage: `url(${background__image})` }}>
dfsdggsd
</section>
)
}
export default Chart
struktura folderów:
src -> resources -> images -> chart -> background.png
-> containers -> chart -> Chart.jsx, chart.css
Z góry dziękuję za pomoc