Вместо того чтобы писать свои компоненты внутри класса, я хотел бы использовать вместо этого функциональный синтаксис.
Как переопределить componentDidMount
, componentWillMount
внутри функциональных компонентов?
Это вообще возможно?
const grid = (props) => {
console.log(props);
let {skuRules} = props;
const componentDidMount = () => {
if(!props.fetched) {
props.fetchRules();
}
console.log('mount it!');
};
return(
<Content title="Promotions" breadcrumbs={breadcrumbs} fetched={skuRules.fetched}>
<Box title="Sku Promotion">
<ActionButtons buttons={actionButtons} />
<SkuRuleGrid
data={skuRules.payload}
fetch={props.fetchSkuRules}
/>
</Box>
</Content>
)
}