Returning an array from render, without a wrapper div

A component rendering three table cells had to wrap them in something, and there is no valid element to wrap a <td> in. 16 lets render return an array or a fragment.

// array — keys required
render() {
  return [
    {sku},
    {qty},
  ];
}

// fragment — no keys needed, and the shorthand
render() {
  return {sku}{qty};
}

The array form needs keys, which is a surprise on something that is not a list, and the fragment form does not — so the fragment is almost always the better choice. The <></> shorthand needs a recent Babel and cannot take a key, which matters when mapping over data.