如果条件为真，则添加多个JSX/HTML元素

如果条件为真，则可以通过以下方式添加多个JSX/HTML元素：

在React中，可以使用条件渲染来根据条件动态添加多个JSX元素。条件渲染可以使用if语句、三元表达式或逻辑与运算符来实现。

使用if语句：

if (condition) {
  return (
    <div>
      <h1>Element 1</h1>
      <p>Element 2</p>
      <span>Element 3</span>
    </div>
  );
} else {
  return null;
}

使用三元表达式：

return (
  <div>
    {condition ? (
      <>
        <h1>Element 1</h1>
        <p>Element 2</p>
        <span>Element 3</span>
      </>
    ) : null}
  </div>
);

使用逻辑与运算符：

return (
  <div>
    {condition && (
      <>
        <h1>Element 1</h1>
        <p>Element 2</p>
        <span>Element 3</span>
      </>
    )}
  </div>
);

以上代码示例中，如果条件为真，则会渲染多个JSX元素，否则返回null或不渲染任何内容。

在HTML中，可以使用JavaScript的条件语句和DOM操作来动态添加多个HTML元素。

使用if语句：

if (condition) {
  var element1 = document.createElement("h1");
  element1.textContent = "Element 1";
  document.body.appendChild(element1);

  var element2 = document.createElement("p");
  element2.textContent = "Element 2";
  document.body.appendChild(element2);

  var element3 = document.createElement("span");
  element3.textContent = "Element 3";
  document.body.appendChild(element3);
}

使用三元表达式：

condition
  ? (() => {
      var element1 = document.createElement("h1");
      element1.textContent = "Element 1";
      document.body.appendChild(element1);

      var element2 = document.createElement("p");
      element2.textContent = "Element 2";
      document.body.appendChild(element2);

      var element3 = document.createElement("span");
      element3.textContent = "Element 3";
      document.body.appendChild(element3);
    })()
  : null;

以上代码示例中，如果条件为真，则会使用JavaScript的createElement方法创建多个HTML元素，并通过appendChild方法将它们添加到文档中。

这些方法适用于各种前端开发场景，例如根据用户登录状态显示不同的内容、根据数据动态生成列表等。

腾讯云相关产品和产品介绍链接地址：