如何制作img组件的道具！重要吗？

Question

我创建了一个徽标组件，以便在我网站的各个部分显示我的徽标。我有一个问题，其中道具（宽度）被否决，我的图像水平拉伸。我知道我可以在它正在发生的页面的样式中处理它...但是有没有办法在组件本身内处理这个问题？

import logo from '../../MY_icon_black.png'
import React from 'react'

const Component = () =>
  <div className="MYLogo MYLogoMark">
    <img src={logo} alt="logo" height="90" width="90" />
  </div>

export default Component 

Answer 1

您可以为组件添加内联样式，!important应该在这里工作：

<img src={logo} alt="logo" height="90" width="90" style={{ width: '90px' }} />