Javascript 创建React组件数组？

您能否创建一个React元素数组，例如：

const Component = () => {

  const myArray = [{<p>Hi</p>}]

  return(
    // Stuff
  )
}

const组件=（）=>{
常量myArray=[{Hi
}]
返回(
//东西
)
}

当然可以

const myArray = [<p>1</p>, <p>2</p>, <p>3</p>];

// Fragment is included because everything in return needs to be wrapped in a single tag
return (
    <Fragment>{ myArray }</Fragment>
)

---

是，不带卷曲支架React文档在中对此进行了解释。

const foo1 = 'foo';
const foo2 = 'bar';
const myArray = [<p>{foo1}</p>, <p>{foo2}</p>];

return (
    <Fragment>
        {myArray.map((item, index) => (
            <span key={index}>
               <h1>{ 'Element #' + index }</h1>
               {item}
            </span>
        )}
    </Fragment>
)