Dekoratoren mit Reaktionskomponenten
ch freue mich sehr über die Möglichkeit, das@myDecorator
syntax (mit babel). Ich versuche, eine der Lebenszyklusfunktionen zu dekorieren, und zwarcomponentWillMount
, und überprüfen Sie dieprops
undcontext
der Komponente innerhalb des Dekorateurs. Ich scheine jedoch nicht in der Lage zu sein, auf das @ zuzugreifeprops
odercontext
. Ich bin mir nicht sicher, ob dies eine Art Anti-Muster ist oder ob ich einfach so falsch vorgehen soll.
Kleines Beispiel:
// TestComponent.jsx
import checkProps from 'checkProps.js';
class TestComponent extends React.Component {
@checkProps
componentWillMount() {
// Do something.
}
render() {
return <div>My Component</div>
}
}
un
// checkProps.js
export function checkProps(target) {
console.log(target.props);
}
Ich habe auch Pfeilfunktionen für den Dekorateur ausprobiert und @ überprüthis
, aber ich glaube nicht, dass Dekorateure Dinge so komponieren.
Ich habe auch versucht, meine Dekorateurin zu einer Fabrik zu machen und @ vorbthis.props
undthis.context
aberthis
ist beim Dekorieren einer Komponentenlebenszyklusfunktion undefiniert.