Reactjs 向功能组件传递道具和样式（React）

我正在努力找出正确的方法来使用材质UI样式，并将道具传递给我的功能组件

我有这个

import { withStyles } from '@material-ui/core/styles';
.....

const styles = {
   media: {
     height: 0,
     paddingTop: '56.25%'
  },
};

const Article = (props, {classes}) => (
<div>
       <Card className="rounded">
            <CardMedia
                className={classes.media}
                image={props.img}
            />
            <CardContent>
                <h3 className="font-weight-bold">{props.heading}</h3>
                <p className="mb-0">
                    {props.description}
                </p>
            </CardContent>
       </Card>
</div>
);

export default withStyles(styles)(Article);

它只与

道具

一起工作，只与

{classes}

一起工作，但不能让它们一起工作

请帮忙，

---

谢谢

事实上我发现它是通过道具传递的，所以我可以像这样访问它

const-Article=（道具）=>（

和

---

className={props.classes.media}

要添加到您发现的内容：

您可以在道具对象或销毁道具之间进行选择。如下所示：

const Article = ({img, heading, description, classes}) => {
    ...
}

这可能是一个很好的实践，因为从阅读组件中可以很清楚地看到哪些道具是传递下来的。如果你对道具进行分解，你只需参考它们，而不需要：

EXAMPLE.function() 

而不是

props.EXAMPLE.function()

props.EXAMPLE.function()