Reactjs React是否具有类似<；模板/>；在vue中，它仅用于包装材料，但对html'；什么样的结构？

最近我在React条件渲染方面遇到了问题。众所周知，当我们使用条件渲染来确定是否渲染某些元素时，我们必须用

或其他东西来包装这些元素，以确保每个条件只返回一个对象。但是很明显，包装器确实对html结构有一些影响，这对我们来说并不好，尤其是当我们制作列表或其他东西时

所以我的问题是，如何使用条件呈现，但对html没有任何结构性影响？React是否与Vue中的

类似，或者是否有其他方法解决此问题

谢谢大家！：）

{customerClass==='6'(
{getFieldDecorator（'businessUnitName'{
规则：[
{必需：true，消息：'}，
{
验证程序：this.checkBusinessUnitName，
},
],
})()}
{getFieldDecorator（'businessUnitAddress'{
规则：[{必需：true，消息：''}]，
})()}
{getFieldDecorator（'businessUnitAdd'{
规则：[
{必需：true，消息：'}，
{空白：true，消息：''}，
{
验证器：this.checkBusinessUnitAdd，
},
],
})()}
)：null}
{['1'，'2'，'3'，'4'].包括（customerClass）(
{getFieldDecorator（'shareholdingRatio'{
规则：[
{
要求：正确，
消息：“”，
},
{
验证器：这是一张支票，
},
],
})()}
)：null}
{['1'，'2'，'3'，'4'，'5'].包括（customerClass）(
{getFieldDecorator（'BusinessLicenseCode'{
规则：[
{必需：true，消息：'}，
{空白：true，消息：''}，
{len:18，消息：''}，
],
})()}
)：null}
{['1'，'2'，'3'，'4'].包括（customerClass）(
{getFieldDecorator（'registeredCapital'{
规则：[
{
要求：正确，
消息：“”，
},
{
//验证器：这是checkCapital，
图案：REG_至_十个字符，
消息：“”，
},
],
})()}
{getFieldDecorator（'paiclUpCapital'{
规则：[
{
要求：正确，
消息：“”，
},
{
//验证器：这是checkCapital，
图案：REG_至_十个字符，
消息：“”，
},
],
})()}
)：null}
{['1'，'2'，'3'，'4'，'5'，'6']。包括（customerClass）(
{getFieldDecorator（'employeesNum'{
规则：[{必需：true，消息：''}]，
})()}
)：null}

---

我从我的个人项目中挑选了一些代码，该项目使用Ant Design作为UI库。当我使用

在连续渲染中进行包装时，那些

元素看起来一团糟，因为它们在页面上没有排列整齐。你能帮我吗？

听起来你可能在寻找片段。这将允许您返回多个元素，而无需将它们包装在div等中：

render（）{
返回(
);
}

您还可以使用空的角括号作为以下内容的简写：

render() {
  return (
    <>
      <ChildA />
      <ChildB />
      <ChildC />
    </>
  );
}

render（）{
返回(
);
}

嘿，伙计，希望我理解正确-你只是在寻找片段：？如果看起来像这样，让我知道，我会发布一个更详细的答案。@Chris God！我对这个问题太轻率了……在问这个问题之前，我应该读几遍React博士的书……但是，非常感谢您达哈，不用担心，伙计，医生们都很长，我想我们都去过那里：P汉克斯！我刚从react文档中读到这篇文章。但是我忘记了我的react版本是v15.4，由于从v15到v16的繁琐迁移，它已经很久没有更新了。当我使用react.Fragment进行包装时，c的某些部分

render() {
  return (
    <React.Fragment>
      <ChildA />
      <ChildB />
      <ChildC />
    </React.Fragment>
  );
}

render() {
  return (
    <>
      <ChildA />
      <ChildB />
      <ChildC />
    </>
  );
}