Mk-Etlinger

"<table>
  <tr>
    <td>Hello</td>
    <td>World</td>
  </tr>
</table>"

Mk-Etlinger

render() {
  // React does *not* create a new div. It renders the children into `domNode`.
  // `domNode` is any valid DOM node, regardless of its location in the DOM.
  return ReactDOM.createPortal(
    this.props.children,
    domNode,
  );
}

Mk-Etlinger

class Columns extends React.Component {
  render() {
    return (
      <React.Fragment>
        <td>Hello</td>
        <td>World</td>
      </React.Fragment>
    );
  }
}

Mk-Etlinger

import React, { Component } from 'react';

class ChatBox extends Component {
    constructor() {
        super();

        this.state = {
           maintainState: 'here'
        }
    }