Question

我试图在反应中实现这个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>);
  }
}

在React中有条件渲染，如php

1 个答案: