Decoradores con componentes de reacción
Estoy muy entusiasmado con la capacidad de usar el@myDecorator
sintaxis (usando babel). Estoy tratando de decorar una de las funciones del ciclo de vida, específicamentecomponentWillMount
y verifiqueprops
ycontext
del componente dentro del decorador. Sin embargo, parece que tampoco puedo acceder aprops
ocontext
. No estoy seguro de si esto es una especie de antipatrón o si simplemente estoy haciendo esto mal.
Pequeño ejemplo:
// TestComponent.jsx
import checkProps from 'checkProps.js';
class TestComponent extends React.Component {
@checkProps
componentWillMount() {
// Do something.
}
render() {
return <div>My Component</div>
}
}
y
// checkProps.js
export function checkProps(target) {
console.log(target.props);
}
También probé las funciones de flecha para el decorador y comprobéthis
, pero no creo que los decoradores compongan cosas para que funcionen de esa manera.
También intenté hacer de mi decorador una fábrica y pasarthis.props
ythis.context
perothis
no está definido al decorar una función del ciclo de vida de un componente.