Reactjs React中的条件呈现（如php）

我试图在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>);
    }

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

renderropendiv（i）{
返回（）；
}
renderCloseDiv（一）{
返回（）；
}

---

因此，创建不同的函数并进行条件渲染，但我被迫立即关闭标记，如何实现这一点？

您可以这样做：

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

renderCloseDiv (i) {
    return (</div>);
    }

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

renderDiv（i）{
如果（/*div打开的条件*/）{
返回（）；
}否则如果（/*div关闭的条件*/）{
返回（）；
}
}

您试过了吗？因为它不起作用，就像我在我的问题中说的：“但是我必须立即关闭标记”@piero无法尝试它，如果没有打算使用的其余代码，但这将根据您的需要工作。比较您不能在react中使用该函数，请给我一个错误，您试过了吗？它是一组标记，并且您只想在满足某些特定条件时显示标记吗？