Event handlers are not working

[abinshoby]

I was trying to add onClick event to a component. However, the onClick event is not working. Please help me with how to achieve that.

const showAlert = () => {
  alert('An alert')
}
<JsxParser 
   jsx={
     `<a href="#" onClick={showAlert}>Click here!</a>`
   }
   bindings={{
     showAlert
   }}
/>

[TroyAlford]

As described in the docs, on* props are blacklisted by default. You will need to change this.

<JsxParser 
  bindings={{ showAlert }}
  blacklistedAttrs={[]}
  jsx="<a href="#" onClick={showAlert}>Click here!</a>"
/>

[abinshoby]

Thanks @TroyAlford this is working now.