Wie bekomme ich string name zu Reagieren Nativen component-Klasse?

Will ich drucken-class-name mit string-format in reagieren nativen programmgesteuert. Kann irgend jemand lassen Sie mich wissen, wie kann ich dies tun?

  • Sind Sie mit ES6?
InformationsquelleAutor Akhi | 2016-12-19
  1. 18

    In JavaScript können Sie den Namen der Klasse mit instance.constructor.name.

    class Demo extends React.Component {
    componentDidMount(){
        console.log(this.constructor.name);  //"Demo"
    }
}

    Für JSX Komponenten, die Sie verwenden können, die instance.type.displayName. Zum Beispiel:

    let text = <Text></Text>;
console.log(text.type.displayName) //"Text"
    • Danke martinarroyo, obige code funktioniert für mich. Auch ich möchte den string name der Methode render auf "onPress" Requisiten-Taste, wenn ich drücken Sie die Taste. Können Sie auch mir helfen heraus zu bekommen, das gleiche?
    • Was genau meinst du? Meinst du die Anmeldung die this.constructor.name innerhalb der onPress-callback? Es sollten im wesentlichen die gleichen. Zum Beispiel: <Button onPress={()=>console.log(this.constructor.name)}/>
    • Nicht diese Pause, wenn der JS-code wird "gebaut"? Klassennamen werden Symbole, so dass, wenn Sie verlassen sich auf this.constructor.name für etwas wichtiges, es ist wahrscheinlich ein Fehler.
    • Leider habe ich nur dieses bestätigt. Sie erhalten minified, also brauchen Sie etwas anderes für die Protokollierung.
    • funktioniert nicht mit Verkleinerung, keine Lösung?
    • In JSX text.type.displayName hat bei mir nicht funktioniert. Stattdessen, wenn ich versuchte text.type.name es wieder in die erwartete Klasse name
    • Ist jemand mit irgendeiner Lösung um die Komponente dem Klassennamen im release-Modus (mit release-Bündel)? Ich weiß, es funktioniert mit this.constructor.name im debug-Modus.

    InformationsquelleAutor martinarroyo
Schreibe einen Kommentar