Я новичок в ES6 и React, и я продолжаю видеть функции стрелок. Почему некоторые функции стрелок используют фигурные скобки после жирной стрелки, а некоторые - круглые скобки? Например:

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

против

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

Спасибо за любую помощь!