如何在React中的另一个return语句中返回多行JSX？

Question

单行工作正常

render: function () {

  return (

    {[1,2,3].map(function (n) {

      return <p>{n}</p>

    }}

  );

}

不适用于多行

render: function () {

  return (

    {[1,2,3].map(function (n) {

      return (

        <h3>Item {n}</h3>

        <p>Description {n}</p>

      )

    }}

  );

}

谢谢。