Т
key сделай равным какому нибудь уникальному свойству из element
Size: a a a
2018 March 13
AP
Всем привет, возникла проблема. У меня фон компонентов генерируется через props, т.е меняется для каждого компонента, казалось бы, все отладил, но фон ставиться только первым двум компонентам. Однако, проверив все пути и названия файлов, я смог всего лишь опустить руки. Есть предположения в чем причина?
AP
Пути для 3 и 4 компонента такие же как и для 1 и 2, пути абсолютно точно верны, но фон ставится только первым двум компонентам
ЮЧ
Всем привет, возникла проблема. У меня фон компонентов генерируется через props, т.е меняется для каждого компонента, казалось бы, все отладил, но фон ставиться только первым двум компонентам. Однако, проверив все пути и названия файлов, я смог всего лишь опустить руки. Есть предположения в чем причина?
Можешь код показать?
AP
let url = 'url(./img/' + this.props.city + '.png)';
<div style={{backgroundImage: url}} ></div>
<div style={{backgroundImage: url}} ></div>
AP
вот сам код, где происходит весь процесс
AP
сами строки*
ЮЧ
let url = 'url(./img/' + this.props.city + '.png)';
<div style={{backgroundImage: url}} ></div>
<div style={{backgroundImage: url}} ></div>
А вызывающий код?
AP
имеете ввилу
AP
<WeatherBlock city='PARIS' />
Т
У тебя ./img в scr?
Т
const path = require.context('./img');
Т
url = path('./' + city + '.png')
AP
разве если работаешь с create-react-app так надо писать?
Т
Имя модуля становится только в рантайме известно, поэтому лоадер тут не работает
Т
let url = 'url(./img/' + this.props.city + '.png)';
эта конструкция точно не обрабатывается лоадерами
Т
вернее вебпаком