react-bits：数组作为子元素

react-bits
原文

数组作为子元素很常见

// We use map() to create an array of React Elements for every value in the array.
(<ul>
  {["first","second"].map((item) => (
    <li>{item}</li>
  ))}
</ul>)
 //That’s equivalent to providing a literal array.
(<ul>
  {[
    <li>first</li>,<li>second</li>
  ]}
</ul>)
 // This pattern can be combined with destructuring,JSX Spread Attributes,and other components,for some serious terseness.
(<ul>
  {arrayOfMessageObjects.map(({ id,...message }) =>
    <Message key={id} {...message} />
  )}
</ul>)