Раскрывающаяся строка

Необходимо добавить див который будет появляться под каждым row (в дальнейшем див будет показываться в зависимости от того нажата кнопка или нет). Проблема в том что реакт должен возвращать только один элемент(сейчас он возвращает div-row) , а когда вставляешь свой див после row и обворачиваешь их в один элемент, то заголовки и строки таблицы сбиаются. Как правильно добавить div который будет появляться при нажатии, допустим, на стрелку. В данный момент нужно именно понять как отображать этот див чтобы он не ломал таблицу.

<div className="b-table-expand">
  <div className="b-table-expand__row">
    {_.map(thead, (cell, i) => {
      return (
        <div className="b-table-expand__cell" key={i}>
          {cell.label}
        </div>
      );
    })}
  </div>
  {_.map(tbody, (row, i) => {
    return (
      <div>
        <div className="b-table-expand__row" key={i}>
          {_.map(row, (cell, j) => {
            return (
              <div className="b-table-expand__cell" key={j}>
                {" "}
                {cell.value}{" "}
              </div>
            );
          })}
        </div>
      </div>
    );
  })}
</div>