javascript - 从 React 组件返回多个 <li> 元素

Question

我想返回多个<li>来 self 组件的 render() 的标签方法，但是 React 强制你有一个单亲，可能是 </> 。 我正在使用元素的父级执行一些逻辑，因此我不能为这些 <li> 提供父级元素； <ul>对于 <li>元素位于另一个组件中，无法移动。 那么我怎样才能返回多个<li>我的组件中的元素？谢谢。

Answer 1

react 片段

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

或

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

了解更多详情https://reactjs.org/docs/fragments.html