If true：render <tr>，else：do not render that <tr>

Question

如何僅在pricePerMeter可用時渲染pricePerMeterTr？

我嘗試了let pricePerMeterTr = 」」，但是那樣渲染了一個範圍並且拋出了一個錯誤。 當它被設置爲let pricePerMeterTr = <tr><td></td></tr>;我沒有得到任何錯誤，但它呈現<tr>，我不希望它做。

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

嘗試null。

let pricePerMeterTr = null