Question

以下是我的示例代码.....

<ul>
  {this.state.showAllUser == false 
        ? someArray.slice(0, 3).map(function(user, index) {
              return (
                    <li key={index}> {user.name}<li>
              )
        : someArray.map(function(user, index) {
              return (
                    <li key={index}> {user.name}<li>
              )
  }
</ul>

如果this.state.showAllUser为false，我将只显示三个数组或显示所有数组为真。

我的问题是如何使这段代码更干净，我可以创建一个函数或变量并在引用函数中使用它吗？

Answer 1

<预> <代码>＆LT; UL＆GT;＆＃XA; {＆＃XA; （this.state.showAllUser == false？someArray.slice（0,3）：someArray）.map（（user，index）=＆gt;＆lt; li key = {index}＆gt; {user.name}＆lt; li＆gt; ）;＆＃XA; }＆＃XA;＆LT; / UL＆GT;＆＃XA; ＆＃XA;

Answer 2

您可以使用Array方法，如下所示：

<?php               
    $sql_query = "SELECT * FROM single_user_orders ORDER BY order_id DESC LIMIT 1";
    $result = mysqli_query($dbconfig, $sql_query);
    $count = mysqli_num_rows($result);

    echo '<div class="row" style="margin-top: 30px;">';
        echo '<div class="col-md-12">';
            echo '<table class="table">';
            if($count >= 1) {
                echo '<tr>';
                    echo '<th>Order ID</th>';
                    echo '<th>Status</th> ';
                    echo '<th>Order Total</th>';
                    echo '<th>Order Description</th>';
                echo '</tr>';
                while ($row = mysqli_fetch_array($result)) {
                    echo '<tr>';
                        echo '<td>'. $row['order_id'] .'</td>';
                        echo '<td>'. $row['status'] .'</td> ';
                        echo '<td>'. $row['order_total'] .'</td>';
                        echo '<td>'. $row['order_description'] .'</td>';
                    echo '</tr>';
                }
            }
            echo '</table>';
        echo '</div>';
    echo '</div>';
?>

通过这种方式，您可以非常清楚地控制哪些元素将被显示，哪些元素不被显示。

您只需编写一次虚拟DOM部分。

如何将html代码作为变量并使用它？

2 个答案: