Reactjs 如何将make GridList子项添加为组件
我想将的子组件作为组件,但是子组件没有maerial ui的样式。如何使React组件继承GridList的样式? 我的代码如下:Reactjs 如何将make GridList子项添加为组件,reactjs,material-ui,Reactjs,Material Ui,我想将的子组件作为组件,但是子组件没有maerial ui的样式。如何使React组件继承GridList的样式? 我的代码如下: const GridContain=(props)=>{ return {tileData.map(tile => ( <GridListTile key={tile.img}> <img src={tile.img} alt={tile.title} />
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);
constgridcontain=(道具)=>{
返回{tileData.map(tile=>(
))}
函数标题栏列表(道具){
常量{classes}=props;
返回(
十二月
//