React - 如何将两个属性绑定到一个img标记

Question

我想要包含 src ＆amp; width 属性为<img>标记。我使用了以下代码：

<img src={  p.productImgUrl }{ (p.bottleSize==='small' ? '"width=100px"' : '')} />

错误如下：

  

错误：意外的令牌

Answer 1

您可以使用内嵌样式设置高度和宽度，如下所示

<img 
  src={  p.productImgUrl } 
  style={ p.bottleSize==='small' ? {width:'100px'} : {} } />

React inline styles

或使用width attribute

<img 
  src={  p.productImgUrl } 
  width={ p.bottleSize==='small' ? '100px' : '' } />