# @eventrixState

This decorator extend component by eventrix state and rerender on eventrix state change.

{% hint style="info" %}
"eventrixComponent" decorator is required if You want use any of eventrix component decorators
{% endhint %}

{% hint style="info" %}
If You want use hooks, hocs or component decorator You must use EventrixProvider in Your application. Go to "EventrixProvider" page in "Context" section for more details.
{% endhint %}

{% tabs %}
{% tab title="Javascript" %}

```jsx
import React from 'react';
import { eventrixComponent, eventrixState } from 'eventrix';

@eventrixComponent
@eventrixState('clients.list', 'clientsList')
class ClientsListCounter extends React.Component { 
    render() {
        return (
            <div>Clients number: {this.state.clientsList.length}</div>
        );
    }
}

export default ClientsListCounter;
```

{% endtab %}
{% endtabs %}