React: Uncaught TypeError: Impossibile leggere la proprietà '_correnteElement' di null

Question

Sto riscontrando un problema durante il rendering di un percorso in React. Tutto quello che vedo è la pagina prima che React esegua qualsiasi rendering e il seguente errore.

Principalmente, ho difficoltà a capire quale componente/linea sta causando l'errore, se qualcuno può fornire qualche intuizione lo apprezzerei. Grazie.

Answer 1

ho avuto tale errore quando aveva più istanze di React richiesto. È il tuo caso?

Answer 2

Lo vedo spesso dopo il qualsiasi componente ha rilasciato un'eccezione non rilevata dal suo metodo render(). Solo la risoluzione che abbiamo trovato finora sta aggiornando la pagina.

Il problema React GitHub @JosiahDaniels collegato (#4026) discute lo stesso comportamento: "Alcune violazioni invarianti lascia React in uno stato instabile al momento, quindi è normale." - syranide

Il problema è chiuso, poiché l'onere è sull'autore dell'applicazione di non interrompere il ciclo di rendering di React con le eccezioni.

Answer 3

Si potrebbe dimenticare esportazione del componente:

var MyComponent = React.createClass({ 
    ... 
}); 

module.exports = MyComponent; 

Speranza che aiuta.

Answer 4

Assicurarsi di importare tutti i componenti utilizzati all'interno del blocco render() { ... }.

Questo errore può essere generato se si sta tentando di eseguire il rendering di un componente che non è stato importato correttamente o restituisce undefined.

In questo caso, potrebbe anche essere visualizzato un errore correlato Uncaught TypeError: inst.render is not a function.

cerco di identificare quale componente causa il problema:

• Sostituire JSX con semplici <div>test</div> elemento per elemento
• Se trovo un elemento/componente facendolo, mi assicuro che è impoted, quindi scavare più a fondo.
• Guarda il tuo diff e ripristinare codice/scorta

Buona fortuna!

Answer 5

React v15 ha aggiunto una funzione unstable_handleError, che può essere utilizzata per aiutare a risolvere questo tipo di problema.

Esempio di base:

unstable_handleError = (error) => { 
    console.log(error) 
    } 

Maggiori informazioni: https://medium.com/@blairanderson/handle-react-errors-in-v15-4cedaae757d7#.9moxc4d3z