从React Component

时间:2019-09-28 02:08:12

标签: javascript reactjs

我想从组件的<li>方法返回多个render()标签,但是React强制您有一个单亲,可能是</>。 我正在使用element的父级执行一些逻辑,因此我无法为这些<li>元素创建父级; <ul>个元素的<li>在另一个组件中,无法移动。 那么,如何从组件中返回多个<li>元素呢?谢谢。

3 个答案:

答案 0 :(得分:3)

反应片段

return (
  <>
    <li/>
    <li/>
  </>
)

    return (
      <React.Fragment>
        <li />
        <li />
      </React.Fragment>
    )

有关更多详细信息,https://reactjs.org/docs/fragments.html

答案 1 :(得分:1)

尝试:

return (
    <React.Fragment>
        <li />
        <li />
    </React.Fragment>
)

答案 2 :(得分:1)

您也可以在React中返回一个元素数组。

return ([<div />,<div />,<div/>])