作出反應 - 如何綁定兩個屬性到一個img標籤

Question

我想包括SRC & 寬度屬性的<img>標籤。我用下面的代碼：

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

的誤差如下：

Error: Unexpected token

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