如何調用返回）VAR（

Question

我可以創建使用return()兩種顯示2個const包含數字作爲值輸出：

return (
    <div> 
    <span>{const_one}</span> {const_two} 
    </div> 
) 

如果隨機布爾var statement = true我要輸出

return (
    <div> 
    {const_one} 
    </div> 
) 

每當我在return()內使用if()函數時，都會出現錯誤。我怎樣才能做到這一點？我試圖創建一個const檢查狀態並創建另一個const，包括輸出：

const statement = false; 
// or 
const statement = true; 

let customOutput = '<span>{const_one}</span> {const_two}'; 

if (statement === true) customOutput = const_one; 

return (
    <div> 
    {customOutput} 
    </div> 
) 

在這個例子中const_one或const_two標籤顯示爲HTML文本，而不是顯示它們的值（這實際上是數字）：

<span>{const_one}</span> {const_two}而不是<span>24</span> 36。

如何更改標記以顯示內部的{customOutput}

Answer 1

您可以使用此三元運營商const值：

return (
    <div> 
    {statement 
     ? const_one 
     : <span><span>{const_one}</span> {const_two}</span>} 
    </div> 
);