Algoliaで4ヒットごとにclearfix divを追加するには？

Question

Algoliaでインスタント検索を実装しようとしています。それは魅力のように働く。唯一のことは、4ヒットごとにclearfix divを追加することです。

<div data-reactroot="" class="ais-hits"> 

    <div class="ais-hits--item"></div> 
    <div class="ais-hits--item"></div> 
    <div class="ais-hits--item"></div> 
    <div class="ais-hits--item"></div><div class="clearfix"></div> 
    <div class="ais-hits--item"></div> 

</div> 

これはヒットが

search.addWidget(
    instantsearch.widgets.hits({ 
     container: '#booksearch', 
     templates: { 
      item: getTemplate('result') 
     }, 
     cssClasses: { 
      item: 'col-lg-3 col-md-3 col-sm-3' 
     }, 
     hitsPerPage: 12 
    }) 
); 

search.start(); 

ありがとうウィジェット生成するためのコードです。今のところ、私はそうのようにすべての4つの結果のafer clearfixのdiv要素を持っていると思い

<div data-reactroot="" class="ais-hits"> 

    <div class="ais-hits--item"></div> 
    <div class="ais-hits--item"></div> 
    <div class="ais-hits--item"></div> 
    <div class="ais-hits--item"></div> 
    <div class="ais-hits--item"></div> 

</div> 

ですこれを読む時間を取ってくれた。

Answer 1

InstantSearchウィジェットはその機能を提供していません。

ただし、HTMLコードのレンダリング（すなわち生成）後にdivを追加する独自のJSスクリプトを作成できます。これを行うには、renderイベントがトリガーされるのを待ってください。 Events section of the InstantSearch documentationの詳細については、こちらをご覧ください。