Роль () скобка после стрелки?

Question

Эта строка работает как содержимое после стрелки в обернутом ()

this.setState((prevState) => ({toggle:prevState.toggle + 1}))

Содержимое после стрелки не обернуто в (), поэтому оно не работает

this.setState((prevState) => {toggle:prevState.toggle + 1})

Answer 1

Функции стрелок могут неявно возвращать значения, просто опуская фигурные скобки, которые традиционно переносят тело функции, если их тело содержит только одно выражение.

const foo = x => x + 1;
foo(1); // -> 2

При использовании неявных возвратов, литералы объекта должны быть заключены в скобки, чтобы фигурные скобки не принимались за открытие тела функции.

const foo = () => { bar: 1 } // foo() returns undefined
const foo = () => ({ bar: 1 }) // foo() returns {bar: 1}

Answer 2

Когда вы хотите неявно вернуть объект, фигурные скобки не работают, потому что они обозначают начало и конец блока. Чтобы различать guish между блоком и JS объектом, необходимо обернуть объект в ().