Inline React JS For Schleife für Paginierung

Question

Ich versuche, eine Inline-for-Schleife für meine Seitennummerierung in reagieren js, aber es scheint nicht zu arbeiten bin ich neugierig, wenn jemand eine Idee davon hat, wie es geht.

zur Zeit mache ich das:

<ul class="pagination"> 
    <li> 
    <a href="#" aria-label="Previous"> 
     <span aria-hidden="true">«</span> 
    </a> 
    </li> 
    {this.state.searching ? 
    '' 
    : 

    Code for page buttons here 

    } 
    <li> 
     <a href="#" aria-label="Next"> 
     <span aria-hidden="true">»</span> 
     </a> 
    </li> 
    </ul> 

ich die Bootstrap-Paginierung bin mit so brauche ich nicht wirklich alle möglichen Arten, aber das Problem ist, ich will es dynamisch ändern, wie viele Seiten auf, wie viele Dinge basierend angezeigt Die Suche kehrt zurück.

Ich möchte pro Seite 3 Ergebnisse angezeigt werden und die Menge der Ergebnisse ist in meinem Zustand gespeichert, wie

TL amountofjobs: DR Schleife erstellen dynamisch Tasten Paginierung Seite auf Suche basierend anzuzeigen nicht funktioniert.

ich habe versucht, dies zu tun:

for(i = 0; i < this.state.amountofjobs/3; i++){ 
    with normal jsx/html here to display but it kept saying i was missing an expression 
} 

Answer 1

Sie ein Array

Document zurückkehren kann.

class Hello extends React.Component { 
    constructor(props) { 
     super(props); 
    } 

    render() { 

     var pagesArray = []; 
     for (var i = 0; i < this.props.pages; i++) { 
      pagesArray.push(<li>{i}</li>); 
     } 

     return(
      <li> 
       {pagesArray} 
      </li> 
     ); 
    } 
} 

ReactDOM.render(
    <Hello pages={5} />, 
     document.getElementById('container') 
); 

Arbeiten fiddle