Bug: Render array

[chrisbolin]

React 16 introduced rendering arrays of elements.

render() {
  return [
    <li key="A">First item</li>,
    <li key="B">Second item</li>,
    <li key="C">Third item</li>,
  ];
}

This usage threw an error in Radium: #950

[chrisbolin]

Note that Radium requires the use of keys. From the Guide...

Radium allows you to style multiple elements in the same component. You just have to give each element that has browser state modifiers like :hover or media queries a unique key or ref attribute.

That requirement still holds true with rendered arrays. (In fact, React requires keys for rendered arrays)

[coveralls]

Coverage increased (+0.06%) to 94.616% when pulling fdd037b on bug/render-array into 26034a3 on master.

[chrisbolin]

The next step (can be in a different PR) will be testing <Fragment>, which was introduced in React 16.2. We'll need to update yarn.lock to 16.2.0

[ryan-roemer]

One minor nit, rest LGTM.

[ryan-roemer]

Let's clean up all TODO notes 😉

[alexlande]

excellent 🤘

[chrisbolin]

Merging. Will tackle testing <Fragment> rendering next (and fix things if necessary)