Wie var im Gegenzug nennen()

Question

ich eine Ausgabe return() zwei Anzeige zwei const mit Zahlen als Werte mit erstellen:

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

Wenn einem zufälligen boolean var statement = true I ausgegeben werden soll

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

Immer wenn ich if() Funktionen in meinem return() benutze, erhalte ich einen Fehler. Wie kann ich das erreichen? Ich habe versucht, einen const Überprüfung der Staat zu schaffen und eine weitere const zu erstellen, die die Ausgabe enthält:

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> 
) 

In diesem Beispiel werden die const_one oder const_two-Tags angezeigt werden als HTML-Text, statt zeigen ihre Werte (die Zahlen sind eigentlich):

<span>{const_one}</span> {const_two} anstelle von <span>24</span> 36.

Wie kann ich das Markup ändern innerhalb von {customOutput}

Answer 1

Sie die const Werte anzuzeigen, die ternäre Operator für diese verwenden:

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