Как исправить ошибку после удаления return?

Question

[ironmansl]

Есть вот такой код:

{this.props.items.map((n, i) => {
          return (
            <button
              data-index={i}
              onClick={e => this.props.changeTab(+e.target.dataset.index)}>
              {n.content}
            </button>
          );
        })}

Хотел попробовать написать без return этот код, написав вместо него: ( ). Вот так:

{this.props.items.map((n, i) => ({
            <button
              data-index={i}
              onClick={e => this.props.changeTab(+e.target.dataset.index)}>
              {n.content}
            </button>
        });)}

Но у меня ошибка:

Answer 1

[dev null]

{this.props.items.map((n, i) => (
            <button
              data-index={i}
              onClick={e => this.props.changeTab(+e.target.dataset.index)}>
              {n.content}
            </button>
        );)}

Comments

[ironmansl]

спасибо) но символ ; -там лишний,работает вот так:

{this.props.items.map((n, i) => (
            <button
              data-index={i}
              onClick={e => this.props.changeTab(+e.target.dataset.index)}>
              {n.content}
            </button>
        ))}

Answer 2

[Петр Мухуров]

{this.props.items.map((n, i) => (
            <button
              data-index={i}
              onClick={e => this.props.changeTab(+e.target.dataset.index)}>
              {n.content}
            </button>
        )}

Comments

[ironmansl]

ваш вариант не работает, работает вот так:

{this.props.items.map((n, i) => (
            <button
              data-index={i}
              onClick={e => this.props.changeTab(+e.target.dataset.index)}>
              {n.content}
            </button>
        ))}

[Петр Мухуров]

ironmansl, справедливо, без редактора убрал скобки, не посмотрел)