LogoLogo
  • Eventrix
  • Introduction
    • Installation
    • Quick start
    • Getting started
    • Demo
    • About
  • Devtools - EventrixDebugger
  • Use cases
    • Handle errors
    • Simple form management
    • Communication between components
    • Next.js
    • Basic setup on project
    • Fetch list and display in component
  • CONTEXT
    • EventrixProvider
    • PersistStoreGate
    • EventrixScope
  • MIGRATION
    • Redux -> Eventrix
  • Receivers
    • EventsReceiver
    • RequestsHandler
    • fetchToStateReceiver
    • fetchStateReceiver
    • fetchHandler
  • HOC
    • withEventrix
    • withEventrixState
  • HOOKS
    • useEventrixState
    • useEmit
    • useEvent
    • useEventState
    • useFetchToState
    • useReceiver
    • useFetchState
  • CLASS DECORATORS
    • @useEventrix
    • @receiver
    • @fetchToState
    • @listener
  • COMPONENT DECORATORS
    • @eventrixComponent
    • @eventListener
    • @stateListener
    • @eventrixState
Powered by GitBook
On this page

Was this helpful?

  1. COMPONENT DECORATORS

@eventListener

This decorator register component method on component did mount as listener in eventrix and unregister when component will unmount.

"eventrixComponent" decorator is required if You want use any of eventrix component decorators

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.

import React from 'react';
import { eventrixComponent, eventListener } from 'eventrix';

@eventrixComponent
class Counter extends React.Component {
    constructor(...args) {
        super(...args)
        this.state = {
            counter: 0;
        };
    }

    @eventListener('Clients:create.success')
    createCounter(eventData) {
        this.setState({ counter: this.state.counter + 1 });
    };
    
    render() {
        return (
            <div>Created clients number: {this.state.counter}</div>
        );
    }
}

export default Counter;
Previous@eventrixComponentNext@stateListener

Last updated 3 years ago

Was this helpful?