Дайте уникальный идентификатор первым трем элементам и повторите для следующих трех

Вы не можете напрямую печатать объекты или массивы. Хотя функция {JSON.stringify(this.state.pokemon)} определенно работает и позволяет вам распечатать ваш объект в виде строки, вы также можете распечатать свои свойства объекта отдельно, если вам нужно.

Вы можете исправить свой код, изменив {this.state.pokemon} на что-то вроде -

{this.state.pokemon.id}
{this.state.pokemon.name} 
{this.state.pokemon.sprite}
{this.state.pokemon.height}
{this.state.pokemon.weight}
{this.state.pokemon.types}
0
задан mdarmanin 19 January 2019 в 10:06
поделиться

3 ответа

Перед циклом while инициализируйте переменную:

$cnt = 0;

Затем внутри цикла while вы можете поместить это:

$classID = $cnt++%3;

, чтобы увеличить счетчик, а затем модуль на 3. Вы можете настроить это для любого количества столбцов. Используя 3 в качестве модуля, вы получите число от 0 до 2. Затем используйте classID здесь:

<div class="case-info-triple<?php echo '-'.$classID; ?>">

Или вы можете пропустить переменную $cnt и сделать приращение одновременно с эхом classID, вот так:

$classID = 0;

while($classID <= 5) { ?>
    <div class="case-info-triple<?php echo '-'.$classID++%3; ?>">text</div>
<?php }
0
ответ дан Chris Strickland 19 January 2019 в 10:06
поделиться

Есть много вариантов, но вы используете переменную-счетчик и добавляете это в имя класса, чтобы сделать его уникальным, например, в своем коде вы можете сделать так: -

<div class="row">

<?php
    $args = array(
        'post_type' => 'cases',
        'posts_per_page' => 3,
        offset => 2
    );
    $the_query1 = new WP_Query( $args );
    if ( $the_query1 -> have_posts() ):
    $id = 1;
    while ( $the_query1->have_posts() ): $the_query1->the_post();
    $infoClassName = "case-info-triple-"+$id;
?>

<div class="col-sm-4">
    <div class="<?php echo $infoClassName; ?>">
        <div class="case-info-triple">
            <h4 id="case-title"><?php the_title(); ?></h4>
            <p id="case-type"><?php the_field('case_type') ?></p>
            <p id="case-desc"><?php $caseteaser = get_field('case_content', false, false); echo substr($caseteaser, 0, 200); ?></p>
            <img src="Diensten - zeo9-arrow.png" /><a href="<?php the_field('case_url') ?>">Bekijk deze case</a>
        </div>
    </div>
</div>

<?php $id++; ?>
<?php endwhile; wp_reset_postdata();?>
<?php endif;?>

0
ответ дан Deepender 19 January 2019 в 10:06
поделиться

Можете ли вы добавить аргументы в ваш массив, которые указывают строки (3 строки с 3 сообщениями)?

$args = array(
  'post_type' => 'cases',
  'posts_per_row' => 3,
  'rows_per_page' => 3,

Затем переместите HTML-код по сценарию, чтобы вы могли вставить раздел if... elseif... else для автоматизации именования ваших <div class="case-info-triple-1">, -2 или -3, в зависимости от того, в каком ряду сообщений он находится.

0
ответ дан elbrant 19 January 2019 в 10:06
поделиться
Другие вопросы по тегам:

Похожие вопросы: