Javascript Return HTML element event are not binding to the DOM

In my script

private renderItems(i: number) {
 let el = <div onClick={this.toggle} style={{
  outline: '1px solid purple',
  position: 'relative',
 }}>
  {i}
 </div>
 return el;
}

Then DOM:

Why DOM is not render the event onClick.?