有条件的渲染像React中的PHP一样

Question

我正在尝试在React中实现此PHP代码：

    <?php
    for ($i = 0; $i < arr.length; $i++) {
    if ($i % 2 == 0) {
    ?>
        <div className="columns">
    <?php
    }
    ?>
    <div className="column is-half">
     <Card />
    </div>
    <?php
    if ($i % 2 == 0) {
    ?>
        </div>
    <?php
    }
}
    ?>

我试图做这样的事情：

renderOpenDiv (i) {
    return (<div className="columns">);
    }
renderCloseDiv (i) {
    return (</div>);
    }

因此，发挥不同的功能并进行有条件的渲染，但是我被迫立即关闭标签，我如何实现？

Answer 1

您可以做这样的事情：

renderDiv(i) {
  if (/*condition for div being open*/) {
    return (<div className="columns">);
  } else if (/*condition for div being closed*/) {
    return (</div>);
  }
}