Как добавить сделать GridList дочерним в качестве компонента - PullRequest
Новая
       5

Как добавить сделать GridList дочерним в качестве компонента

1 голос
/ 18 мая 2019

Я хотел бы сделать дочерний элемент GridList реагирующего материала-пользовательского интерфейса как компонент, однако дочерний компонент не получает стиль maerial-ui.Как сделать так, чтобы компонент React наследовал стиль GridList?мой код следующим образом: 

const GridContain=(props)=>{
        return {tileData.map(tile => (
          <GridListTile key={tile.img}>
            <img src={tile.img} alt={tile.title} />
            <GridListTileBar
              title={tile.title}
              subtitle={<span>by: {tile.author}</span>}
              actionIcon={
                <IconButton className={classes.icon}>
                  <InfoIcon />
                </IconButton>
              }
            />
          </GridListTile>
        ))}

function TitlebarGridList(props) {
  const { classes } = props;

  return (
    <div className={classes.root}>
      <GridList cellHeight={180} className={classes.gridList}>
        <GridListTile key="Subheader" cols={2} style={{ height: 'auto' }}>
          <ListSubheader component="div">December</ListSubheader>
        </GridListTile>
        <GridContaint> //<<=== instead of the img, GridListTile, etc
      </GridList>
    </div>
  );
}

export default (TitlebarGridList);
...