React / Material UI сложный стиль - PullRequest
Новая
       12

React / Material UI сложный стиль

0 голосов
/ 28 ноября 2018

У меня проблема со стилем в React / Material UI.Я думаю, что это проблема, связанная с TouchRipple из Material-UI 

       <div key={indexP}>
        <Link className={classes.link} to={parent.link}>
          <ListItem button  selected={this.state.treeParentOpen[indexP] === true}  onClick={this.handleClick(indexP)}>
            <ListItemIcon>
              <ParentIcon />
            </ListItemIcon>
            <ListItemText primary={parent.title} />
          </ListItem>
        </Link>
        <Divider />
      </div>

У меня есть вышеуказанный код внутри компонента Drawer (это небольшая выдержка просто для иллюстрации), для меню боковой панели.Проблема, с которой я сталкиваюсь, связана с взаимодействием стилей ListItem и Link Components.

Если я беру Link из кода, у меня нормальное ListItem волновое поведение (onclickи выключено), все красиво и в оттенках серого.

Когда у меня был Link к коду (как есть), волновое поведение ListItem меняется, и onClick - синий, а пурпурный - offClick.Как мне обратиться к стилю волнового эффекта, связанного с buttonBase, используемого в ListItem.

Спасибо!

...