css - 如何在 img 组件上制作 prop !重要？

Question

我创建了一个 Logo 组件以在网站的各个部分显示我的 Logo 。我遇到一个问题， Prop (宽度)被否决并且我的图像被水平拉伸(stretch)。我知道我可以在它出现的页面的样式中处理它......但是有没有办法在组件本身内处理这个问题？

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' }} />