ts-event-configuration.md

# Event Configuration


You can use event methods to configure events supported by components.


- Example of using a lambda expression to configure the event of a component:
    
  ```
  // Counter is a private data variable defined in the component.
  Button('add counter')
      .onClick(() => {
          this.counter += 2
      })
  ```


- When using an anonymous function expression to configure the event of a component, bind must be used to ensure that the contained components are referenced by this in the function body.
    
  ```
  // Counter is a private data variable defined in the component.
  Button('add counter')
      .onClick(function () {
          this.counter += 2
      }.bind(this))
  ```


- Example of using a component's member function to configure the event of the component:
    
  ```
  myClickHandler(): void {
      // do something
  }
  
  ...
  
  Button('add counter')
    .onClick(this.myClickHandler)
  ```