ReactJS Uncaught ReferenceError-Funktion ist nicht definiert
Bin ich versucht zu implementieren eine benutzerdefinierte Gültigkeitsprüfung-in Reagieren mit ES6-syntax.
import React, { Component } from 'react';
export default class Board extends Component {
constructor(props) {
super(props);
}
static propTypes = { count: validate };
validate(props, propName, componentName){
if (props[propName]) {
let value = props[propName];
if (typeof value === 'number') {
if (value > 100) {
return new Error("Value cannot be more than 100");
}
}
else{
return new Error('Count should be a number')
}
}
};
render() {
return (
<div className="board">{this.props.count}</div>
);
}
}
Wenn ich diesen code ausführen, bekomme ich die Fehlermeldung "Uncaught ReferenceError: überprüfung ist nicht definiert". Ich werde es begrüßen, wenn mir jemand helfen könnte dieses Problem beheben.
propTypes
iststatic
und sollte daher nicht auf Instanz-Methoden. Entwedervalidate
auch statisch machen, oderpropTypes
eine Instanz-variable
Du musst angemeldet sein, um einen Kommentar abzugeben.
oder mehr einfach...
Können Sie keinen Zugriff auf Instanz-Eigenschaften von statischen Eigenschaften, also einfachste Lösung wäre
validate
auch statisch.this.validate
scheint zu funktionieren auch, aber ich weiß nicht, wie die Kombination von statischen und mitthis
.