2017-03-28 12 views
0

Ich versuche React zu lernen und ich arbeite auf dieser Seite und ich bin fest.Reagieren Komponente Funktion

Ich habe eine Komponentenklasse, und ich kann diese Arbeit nicht bekommen:

staffList() { 
    // Do computation here to generate list 
    return (
    <div>Awesome list here</div> 
    ); 
} 

render() { 
    return(
     <div className="content staff"> 
     {this.staffList} 
     </div> 
    ); 
} 

Wenn ich versuche, diesen Code ausführen, um die Seite nicht ‚awesome div hier‘ nicht angezeigt.

Auf dem Online-React-Kurs habe ich mich daran erinnert, dass der Lehrer etwas Ähnliches macht, was fehlt mir?

Ich habe versucht, Google vage, aber ich weiß nicht, nach was zu suchen, um mehr zu finden.

+5

Sie haben die Funktion auszuführen: '{this.staffList ()} ' – Li357

Antwort

0

Ausgabe ist einfach ein, wie durch @AndrewLi in Kommentar darauf hingewiesen, können Sie die () in Funktion staffList verpasst, diese verwenden es funktioniert:

staffList() { 
    // Do computation here to generate list 
    return (
     <div>Awesome list here</div> 
    ); 
} 

render() { 
    return(
     <div className="content staff"> 
      {this.staffList()} 
     </div> 
    ); 
} 
Verwandte Themen