Force ReactJS echte Fehler zu werfen, wenn PropTypes Validierung fehlschlägt?

Question

Gegenwärtig, wenn propType Validierung fehlschlägt, verwendet ReactJS console.warn, um eine Warnung auszugeben. Ich möchte wirklich, einen echten Fehler im Entwicklungsmodus haben, so dass es unseren kontinuierlichen Integrationsaufbau verfehlen kann, anstatt nur eine Nachricht zu drucken, die beim Mischen verloren gehen könnte.

Es wurde bereits darüber diskutiert, z. in this feature request, und dieses related question beschreibt das aktuelle Verhalten wie erwartet. Das ist in Ordnung, aber Ich persönlich möchte es einen Fehler zu werfen.

Angenommen, ReactJS bietet keine bessere Unterstützung für diese bald, Was ist die beste Problemumgehung? Bis jetzt ist das Beste, was ich gefunden habe, console.warn für Tests, z.

console.warn = function(msg) { 
    throw new Error(msg); 
}; 

Die Kehrseite der Medaille ist, es kann schwierig sein, in Tests zu implementieren, und es ist nicht Reagieren spezifisch, so dass andere console.warn Anrufe müssen auch behandelt werden.

Answer 1

FlowType, gestern von Facebook eingeführt, klingt genau nach dem, wonach Sie suchen. Es kann Ihren Code analysieren, Typen ableiten und Fehler zur Kompilierzeit ausgeben.

Es umfasst insbesondere die Unterstützung für Reagieren und das propTypes Argument: http://flowtype.org/docs/react-example.html#property-use

Answer 2

Von this answer, können Sie die Fehlermeldung gegen typische überprüfen Nachrichten reagieren und nur für diejenigen werfen. Nicht perfekt, aber vielleicht einen Schritt näher an dem, was Sie suchen:

let warn = console.warn; 
console.warn = function(warning) { 
    if (/(Invalid prop|Failed propType)/.test(warning)) { 
    throw new Error(warning); 
    } 
    warn.apply(console, arguments); 
};