Reagieren v16: Uncaught TypeError: Cannot read property 'Objekt' undefined

Bin ich immer diese Fehlermeldung und weiß nicht, was falsch ist, mein code ist einfach, ich bin einfach nur versucht, ein array. Ist so einfach, aber noch können ' T es herausfinden.

Bin ich mit Meteor 1.5.3 Reagieren mit 16

import React, { Component, PropTypes } from 'react';

export default class ListMeds extends Component {
    render(){
        return(
            <li>{this.props.meds.text}</li>
        );
    }
}
ListMeds.propTypes = {
    meds: React.PropTypes.object.isRequired,
};
InformationsquelleAutor Edwin Barahona | 2017-11-03
  1. 6

    Dieser Fehler wird angezeigt, weil der Sie verwenden die 16 version React.js. In diesem blog-post (bekannt React.js version 16) können Sie Lesen:

    Den deprecations eingeführt, die im 15.x wurde entfernt aus dem Kern
    Paket. Reagieren.createClass ist jetzt verfügbar anlegen-reagieren-Klasse,
    Reagieren.PropTypes als prop-Typen...

    Sollten Sie prop-Typen - Modul mit (wenn Sie npm):

    npm install --save prop-types

    oder

    yarn add prop-types

    für yarn Fall. Und schreiben Sie Ihren code so:

    import React, { Component } from 'react';
import PropTypes from 'prop-types';

export default class ListMeds extends Component {
    render(){
        return(
            <li>{this.props.meds.text}</li>
        );
    }
}
ListMeds.propTypes = {
    meds: PropTypes.object.isRequired,
};
    InformationsquelleAutor Mikhail Shabrikov
  2. 1

    Wenn Sie Reagieren 15+, müssen Sie es importieren prop-types - Paket separat. Ihr code sollte lauten:

    JS:

    import React, { Component } from 'react';
import PropTypes from 'prop-types';

export default class ListMeds extends Component {
    render(){
        return(
            <li>{this.props.meds.text}</li>
        );
    }
}
ListMeds.propTypes = {
    meds: React.PropTypes.object.isRequired,
};

    Beachten Sie, dass die Fehlermeldung lautet "Objekt " undefined", was bedeutet React.PropTypes ist nicht definiert.

    InformationsquelleAutor samcorcos
  3. 0

    Vom Reagieren docs,

    Hinweis: Reagieren.PropTypes bewegt hat, in ein anderes Paket, da Reagieren
    v15.5. Bitte verwenden Sie die prop-Typen-Bibliothek statt. Wir bieten eine codemod
    Skript zur Automatisierung der Konvertierung.

    Sehen https://reactjs.org/docs/typechecking-with-proptypes.html

    prop-Typen-Bibliothek: https://github.com/facebook/prop-types

    Installieren Sie das Paket und importieren Sie es in Ihrem code.

    InformationsquelleAutor Dane
  4. 0

    Bekam ich die gleichen Probleme.. und Sie es beheben zu tun:

    import React, { Component, PropTypes } from 'react';

export default class ListMeds extends Component {
    render(){
        return(
            <li>{this.props.meds.text}</li>
        );
    }
}
ListMeds.propTypes = {
    meds: PropTypes.object.isRequired,
}
    • bitte überprüfen Sie mit diesem link über, wie zu Fragen, Abfragen stackoverflow.com/help/how-to-ask
    • Bitte fügen Sie ein wenig eine Erklärung dafür, was Sie getan haben, um das Problem zu beheben, und warum Sie es auf diese Art gemacht. dies wird helfen, die Menschen verstehen, die fix
    InformationsquelleAutor Richard Rosario
  5. 0

    Akzeptierte Antwort richtig fest, dass prop-Typen ist jetzt ein eigener Paket, ich wollte nur hinzufügen, dass, wenn Sie schreiben ES6-Klassen und bereits mit ES6+ features, könnte es mehr idiomatische setzen PropTypes als statische variable in der Klasse selbst (Anmerkung: dies gilt in einer Umgebung mit Babel mit den entsprechenden Vorgaben).

    export default class ListMeds extends Component {
    static propTypes = {
         //propTypes
    }
    render() {
         //etc
    }
}

    Einem Instagram-Ingenieur schrieb einen großen Beitrag auf Reagieren und ES6+. Sie können prüfen, den Vorschlag für die Klasse Felder hier und alle Vorschläge hier.

    InformationsquelleAutor Michael Flores
Schreibe einen Kommentar