Использование параметров для установки фона в reactjs - PullRequest
0 голосов
/ 07 февраля 2020

Я хочу установить фон для div с реакцией js, указав в качестве параметра фоновую ссылку. Кто-нибудь может мне помочь?

это основная функция

function Main (){
    return (
        <main className="Main">
            <List BGimage={"./20180820_192057.jpg"}/>
        </main>
    )
}

// and I want tp give BGimage as a paramater to set my background image

import React, { Component } from 'react';

export class List extends Component{
        render() 

        return (
            <div>
                <div>
                    <div ClassName="BackGround" style={{backgroundImage: this.props.BGimage}}>
                    </div>
                </div>
            </div>
        )
    }
}

export default List

1 Ответ

2 голосов
/ 07 февраля 2020

ваш код в порядке, но вы просто должны добавить URL, как в css


return (
        <div>
            <div>
                <div ClassName="BackGround" style={{backgroundImage: `url(${this.props.BGimage})`}}>
                </div>
            </div>
        </div>
    )
}

Извините, я не говорю по-английски sh очень хорошо, надеюсь, полезно

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...