How to add a div next to a REACT component?

Question

React

I can't add an element ... how can I do it in my case?

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

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