Question

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

Answer 1

反应片段

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

或

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

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

Answer 2

尝试：

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

Answer 3

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

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

从React Component

3 个答案: