Как добавить фоновое изображение в компонент материала-ящика - PullRequest
Новая
       4

Как добавить фоновое изображение в компонент материала-ящика

0 голосов
/ 21 мая 2018

Я пробовал эти два метода, но ни один из них не работает.

Метод первый: непосредственное изменение компонента Drawer. 

    <Drawer
      style={{backgroundImage: url('../../public/images/sideList.jpg')}}>
      <div>
        <SideList/>
      </div>
    </Drawer>

Метод второй: добавление свойства background-image для вложенного div.

    <Drawer>
      <BackgroundImageDiv>
        <SideList/>
      </BackgroundImageDiv>
    </Drawer>

1 Ответ

0 голосов
/ 20 декабря 2018

Добавьте URL-адрес фонового изображения для вашего класса стилей ящика 

import drawerImage from "../../resources/images/drawer.jpg";

const styles = theme => ({
    drawerPaper: {
      backgroundImage: 'url(' + drawerImage + ')'
    },
})

образец компонента ящика 

<Drawer
    classes={{
         paper: classNames(classes.drawerPaper)
         }}>
.......
</Drawer>
...