Как добавить див рядом с компонентом REACT?

Question

[Максим js]

Не получается добавить элемент ... как можно в моем случае это сделать?

import React, {Fragment} from 'react';
import './List-button.scss';


const ListButton = ({items}) => {
  return  <Fragment>
  <button className="todo-header-plus" title="Создать список дел">
    {
      items.map((item,index) => (
        <i key={index}>{item.icon}</i>
      ))
    }
  </button>
  <div>КАК СЮДА ДОБАВИТЬ ДИВ???!!!!!!!!!!<div/>
  <Fragment/>
}


export default ListButton;

Answer 1

[historydev]

const ListButton = ({items}) => (<Fragment>
  <button className="todo-header-plus" title="Создать список дел">
    {
      items.map((item,index) => (
        <i key={index}>{item.icon}</i>
      ))
    }
  </button>
  <div>КАК СЮДА ДОБАВИТЬ ДИВ???!!!!!!!!!!<div/>
  <Fragment/>)

Comments

[Максим js]

Неа все равно не работает

index.js:1 ./src/components/list-button/List-button.jsx
Syntax error: Unterminated JSX contents (14:14)

  12 |   </button>
  13 |   <div>КАК СЮДА ДОБАВИТЬ ДИВ???!!!!!!!!!!<div/>
> 14 |   <Fragment/>)
     |              ^
  15 | 
  16 | 
  17 | export default ListButton;