Почему внутри функции .map() нельзя писать фигурные скобки для стрелочной функции. React

Столкнулся с такой особенностью, которая меня, как новичка, немного смущает.

   {people.map((element) => 
     <li>{element.name}</li>
   )}

Есть такой код, он работает ( выводит список элементов на страницу )

Но когда пишу так, работать перестает ( не выводит ), при этом нигде никаких ошибок.

{people.map((element) => {
    <li>{element.name}</li>
  }
)}

Ведь по сути эти записи эквивалентны, можно по идее даже записать так, но так тоже не работает.

{people.map(function (element) {
    <li>{element.name}</li>
  }
)}

Что я упустил? Получается функция map работает только с современной формой объявления функции ( стрелочной) и при этом строго без фигурных скобок?

Заранее спасибо!


Ответы (1 шт):

Автор решения: Артем WEB

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

→ Ссылка