React v16 self-destructing component

React v16では、複数のコンポーネントをself-destructing componentで単純にラップすることができます。

const Aux = (props) => {
  return props.children;
};

const Root = () => {
  const moreFooElements = <Aux>
    <tr>
      <td>foo</td>
    </tr>
    <tr>
      <td>foo</td>
    </tr>
  </Aux>;

return <table>
    <tr>
      <td>foo</td>
    </tr>
    {moreFooElements}
  </table>;
};

引用元

medium.com

APPLE MacBook Pro 13.3/2.9GHz Core i7/8GB/750GB/8xSuperDrive DL MD102J/A