React.PropTypes funktioniert nicht in Funktionskomponenten

Ich teste ReactJS. Alles funktioniert ordnungsgemäß, aber React.PropTypes. Hier ist der Code:React.PropTypes funktioniert nicht in Funktionskomponenten

const MenuItem = (props) => { 
    return (
     <li className="list-group-item"> 
      <span className="badge">{props.price}</span> 
      <p>{props.item}</p> 
     </li> 
    ) 
} 

MenuItem.propTypes = { 
    price: React.PropTypes.number 
};

Wenn ich Zeichenfolge an die Komponente senden, gibt es keine Warnung oder Fehler. Nicht verschieden welche PropTypes ich verwende.

Visual Studio-Code
ReactJS
babel-Standalone

Was mein Fehler ist? Vielen Dank

Bearbeiten: Es funktioniert nicht einmal ich benutze PropTypes mit React.Component!

Quelle

2017-02-19 Parham.D

Was gehen Sie in "Element" Requisite über? –

Nur ein Text wie item = "Tee", Preis = 7. Und reagieren Sie zeigen sie richtig in UI. Aber wenn ich den Preis zu "7" oder "sieben" ändern PropTypes.number zeigt keine Warnung oder Fehler und ich sehe immer noch die Zeichenfolge in UI. Danke –

PropType Warnungen werden nur im Entwicklungsmodus angezeigt. Laufen Sie im Entwicklungsmodus oder führen Sie eine statische Produktionsversion Ihrer App aus? – Matt

propType-Warnungen werden nicht in der Konsole angezeigt, da Sie den Produktions-Build von React verwenden. Sie werden nur im Dev-Modus angezeigt (der nicht minimierte React-Export).

Um klar zu sein, ist dies nicht ein Problem mit funktionalen Komponenten - propTypes kann auf sie gesetzt werden, wie sie in der Frage sind.

Quelle

2017-02-20 19:06:18

-1

Wenn Sie Klasseneigenschaften verwenden möchten, sollten Sie wahrscheinlich eine Klasse verwenden.

Klasse MenuItem erweitert React.Component {...}

Siehe https://facebook.github.io/react/docs/react-component.html.

Quelle

2017-02-19 18:59:04

Ich lerne ReatJs mit React.js Succinctly Ebook. Auf Seite 37 gibt es ein Beispiel über eine zustandslose Komponente mit React.PropTypes dafür! –

Es funktioniert nicht einmal ich benutze React.PropTypes mit React.Component! Danke –

Hat React.js Succuntly funktionierende Codebeispiele? –

React.PropTypes funktioniert nicht in Funktionskomponenten

Antwort

Verwandte Themen