Декораторы с компонентами React
Я очень рад возможности использовать@myDecorator
синтаксис (с использованием Babel). Я пытаюсь украсить одну из функций жизненного цикла, в частностиcomponentWillMount
и проверьтеprops
а такжеcontext
компонента внутри декоратора. Тем не менее, я, кажется, не могу получить доступ ни кprops
или жеcontext
, Я не уверен, является ли это своего рода анти-паттерном или я просто ошибаюсь.
Маленький пример:
// TestComponent.jsx
import checkProps from 'checkProps.js';
class TestComponent extends React.Component {
@checkProps
componentWillMount() {
// Do something.
}
render() {
return <div>My Component</div>
}
}
а также
// checkProps.js
export function checkProps(target) {
console.log(target.props);
}
Я также попробовал функции стрелок для декоратора и проверкиthis
, но я не думаю, что декораторы сочиняют вещи, чтобы работать таким образом.
Я также попытался сделать мой декоратор фабрикой и передать вthis.props
а такжеthis.context
ноthis
не определено при украшении функции жизненного цикла компонента.