Decoradores com componentes React
Estou muito empolgado com a capacidade de usar o@myDecorator
sintaxe (usando babel). Estou tentando decorar uma das funções do ciclo de vida, especificamentecomponentWillMount
e verifique oprops
econtext
do componente dentro do decorador. No entanto, parece que não consigo acessar oprops
oucontext
. Não tenho certeza se isso é uma espécie de anti-padrão ou se estou apenas fazendo isso errado.
Exemplo pequeno:
// TestComponent.jsx
import checkProps from 'checkProps.js';
class TestComponent extends React.Component {
@checkProps
componentWillMount() {
// Do something.
}
render() {
return <div>My Component</div>
}
}
e
// checkProps.js
export function checkProps(target) {
console.log(target.props);
}
Eu também tentei funções de seta para o decorador e verificarthis
, mas acho que os decoradores não compõem as coisas para que funcionem dessa maneira.
Eu também tentei fazer do meu decorador uma fábrica e passarthis.props
ethis.context
masthis
é indefinido ao decorar uma função do ciclo de vida do componente.