Я хочу сделать фоновое изображение div.
Я использую изображение в родительской папке моего файла, но когда я хочу получить к нему доступ с помощью функции, оно не работает:
test() {
return '../test.png'
}
render() {
return (
<div
style={{ backgroundImage: 'url(' + require( this.test() ) + ')' }}
>
</div>
)
}
Обратите внимание, что это работает, когда я определяю фоновое изображение в файле css (который находится в той же позиции) или когда я делаю это:
render() {
return (
<div
style={{ backgroundImage: 'url(' + require( '../test.png' ) + ')'}}
>
</div>
)
}
Это работает также, когда я помещаю изображение в ту же папку, что и код, и когда я делаю это:
test() {
return './test.png'
}
render() {
return (
<div
style={{ backgroundImage: 'url(' + require( this.test() ) + ')' }}
>
</div>
)
}
Если у вас есть идеи, поделитесь ими! Спасибо.