React: bedingte HTML-Ausgabe (inline)

Bedingte Ausgabe in React, ohne eigene Komponente.

Bedingte Ausgaben lassen sich durch eigene Komponenten leicht lösen, aber nicht immer möchte man dieses Fass aufmachen.

Die einfache Möglichkeit ist direkt eine Bedingung inline aufzunehmen, hier ein Beispiel:

{this.name.length > 0 &&
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
    <LabelIcon fontSize="small" style={{ marginRight: 5 }} />
    <span>
        <b>IP:</b> {this.name}<br/>
    </span>
</div>
}

Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht veröffentlicht.