.map() undefined non è una funzione in React.js

Question

A destra, probabilmente mi manca l'ovvio ma sto ottenendo un 'tipo non rilevato' Errore: non definito non è una funzione 'Mi sembra di essere .map() che è il problema ma non riesco a capire perché.

var idealist = React.createClass({ 
loadCommentsFromServer: function() { 
    $.ajax({ 
     url: this.props.url, 
     dataType: 'json', 
     success: function(data) { 
      this.setState({data: data}); 
     }.bind(this) 
    }); 
}, 
handleButtonClick: function(input) { 
    // do stuff // 
}, 
getInitialState: function() { 
    return {data: []}; 
}, 
componentWillMount: function() { 
    this.loadCommentsFromServer(); 
    setInterval(this.loadCommentsFromServer, this.props.pollInterval); 
}, 
render: function() { 
    var clickFunction = this.handleButtonClick; 
    var ideas = this.state.data.map(function(i){ 
     return <ideabox data={i} onButtonClick={clickFunction} />; 
    }); 
    return (
     <div className="idealist"> 
      {ideas} 
     </div> 
     ); 
} 
}); 

React.renderComponent(
<idealist url="/json/quotes.php" pollInterval={2000}/>, 
document.getElementById('quoteList') 
); 

Se cambio a idee var = this.state.data non ottengo errori, i dati JSON è formattata correttamente, che cosa può essere sbagliato?

Answer 1

È stato uno sbaglio stupido, quotes.php non restituiva dati JSON formattati correttamente, quindi non era un array .map() che veniva chiamato. La lezione ha imparato? Non far credere ad altre persone che il loro codice funzioni!

Answer 2

.map() è un metodo che crea una nuova matrice con i risultati forniti.

Ecco la documentazione per questo:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

La cosa che si può fare qui sarebbe per modificare la proprietà .data dell'oggetto per restituire un array. Poiché lo .map() funzionerebbe solo sugli oggetti di tipo Array.