Пользовательский интерфейс материала GridListTileBar переопределение не работает - PullRequest
Новая
       12

Пользовательский интерфейс материала GridListTileBar переопределение не работает

0 голосов
/ 03 октября 2018

Этот код пользовательского интерфейса материала генерирует ul с набором тегов <img /> в качестве li.Я пытаюсь переопределить ширину для этих тегов <img />, но по какой-то причине переопределение классов пользовательского интерфейса материала, похоже, не регистрируется.У кого-нибудь есть какие-либо подсказки по этому поводу? 

const styles = theme => ({
  tile: {
    width: '100%',
  }
});

function SingleLineGridList(props) {
  const { classes, tileData } = props;

  return (
    <div>
     <GridList cols={2.5}>
       {tileData.map(tile => (
         <GridListTile classes={{root: classes.tile}} key={tile.img}>
           <img src={tile.img} alt={tile.title} />
         </GridListTile>
       ))}
     </GridList>
   </div>
  );
}

export default withStyles(styles)(SingleLineGridList);
...