Pfeilfunktion ohne geschweifte Klammern

Ich bin neu in ES6 und React und sehe immer wieder Pfeilfunktionen. Warum verwenden einige Pfeilfunktionen geschweifte Klammern nach dem fetten Pfeil und andere Klammern? Beispielsweise

const foo = (params) => (
    <span>
        <p>Content</p>
    </span>
);

vs.

const handleBar = (e) => {
    e.preventDefault();
    dispatch('logout');
};

Vielen Dank für jede Hilfe!

Antworten auf die Frage(8)

Ihre Antwort auf die Frage