Вы не можете напрямую печатать объекты или массивы. Хотя функция {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}
Перед циклом 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 }
Есть много вариантов, но вы используете переменную-счетчик и добавляете это в имя класса, чтобы сделать его уникальным, например, в своем коде вы можете сделать так: -
<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;?>
Можете ли вы добавить аргументы в ваш массив, которые указывают строки (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
, в зависимости от того, в каком ряду сообщений он находится.