在Reach中创建一个可重用的组件，该组件采用相同的输入，但具有不同的样式

Question

如何在react中创建一个采用不同classname的组件?

例如，让我们有一个可重用的组件，它接受图像和文本。我想在两个不同的页面上使用这个组件，但是我想为文本设置不同的字体大小(18px &24 px)。

创建组件并将文本和图像传递给它。但是我怎么改变风格呢?

Answer 1

const Reusable = ({styles, text , imgUrl}) => {
return (
<img src={imgUrl} alt={text} style={{...styles}} />
)
}