在reactjs或纯js中将div标签转换为tbody标签

import React from 'react';

class DivToTBody extends React.Component {
  componentDidMount() {
    const divElement = document.getElementById('myDiv');
    const tbodyElement = document.createElement('tbody');

    while (divElement.firstChild) {
      tbodyElement.appendChild(divElement.firstChild);
    }

    divElement.parentNode.replaceChild(tbodyElement, divElement);
  }

  render() {
    return (
      <table>
        <tbody id="myDiv">
          {/* 这里是原来的<div>标签的内容 */}
          <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
          </tr>
        </tbody>
      </table>
    );
  }
}

export default DivToTBody;