@stateListener
This decorator register component method on component did mount as state listener in eventrix and unregister when component will unmount.
import React from 'react';
import { eventrixComponent, stateListener } from 'eventrix';
@eventrixComponent
class ClientsListCounter extends React.Component {
constructor(...args) {
super(...args)
this.state = {
clientsNumber: this.eventrix.getState('clients.list').length;
};
}
@stateListener('clients.list')
createCounter(clientsList) {
this.setState({ clientsNumber: clientsList.length });
};
render() {
return (
<div>Clients number: {this.state.clientsNumber}</div>
);
}
}
export default ClientsListCounter;
createCounter
method will be called with clients list when clients.list
state will change.
Last updated
Was this helpful?