gistfile1.txt

import React from "react";

class Index extends React.Component {
    render() {
        let mySpan;
        if(true) {
            mySpan = <span>Her er noe tekst</span>
        } else {
            mySpan = <span>Something is wrong</span>
        }
        return (
            <div>
                {mySpan}
            </div>
        );
    }
}

Evt på 5 linjer:

const Index = () => {
  return (
    <div>{true ? <span>Her er noe tekst</span> : <span>Something is wrong</span>}</div>
  );
}

Evt. på 1 linje:

const Index = ({condition}) => <div><span>{condition ? 'Her er noe tekst' : 'Something is wrong'}</span></div>

Takk for kommentarene. Vet at metoden som dere hendviser til er standarden, ville bare vise hvor mye boilerplate det er mulig å lage hvis man ikke er forsiktig :).