Wenn true: render <tr>, sonst: rendern nicht das <tr>

Question

Wie rende ich pricePerMeterTr nur, wenn priceperMeter verfügbar ist?

Ich versuchte mit let pricePerMeterTr = ””, aber das machte eine Spanne und warf einen Fehler. Wenn es auf let pricePerMeterTr = <tr><td></td></tr>; gesetzt ist, bekomme ich keine Fehler, aber es rendert die <tr>, die ich nicht tun will.

render() { 

    const { someValue, pricePerMeter } = this.state.inputValues; 

    let pricePerMeterTr = <tr><td></td></tr>; 

    if(pricePerMeter) { 
     pricePerMeterTr = (<tr> 
      <td className="text-medium">Pris per m<sup>2</sup></td> 
      <td className="text-right">{pricePerMeter} kr</td> 
     </tr>) 
    } 

    return (
     <div className="wrapper-medium hidden-sm-down"> 
     *H2* 
      <table className="table"> 
      <tbody> 
       <tr> 
       <td className="text-medium”>Some label</td> 
       <td className="text-right”>{someValue}</td> 
       </tr> 
       {pricePerMeterTr} 
      </tbody> 
      *table footer* 
      </table> 
     </div> 

    ); 
} 


}; 

Answer 1

Versuchen null.

let pricePerMeterTr = null