onClick not working in function component

[Julien Barach]

Hi,

onClick event is not working in this component (20.3.56)



import React from 'react'
import {FabComponent} from '@syncfusion/ej2-react-buttons'
import {createRoot} from 'react-dom/client'
import PropTypes from 'prop-types'

export default function FloatSaveButton({target}) {
    const test = () => {
        console.log('submit')
    }

    return <FabComponent id="fab"
                         title="Save"
                         cssClass="position-fixed"
                         iconCss="fas fa-save"
                         target={'#'+target}
                         onClick={() => test()}
    ></FabComponent>
}

FloatSaveButton.propType = {
    target: PropTypes.string.isRequired
}

const el = document.getElementById('reactFloatSaveButton')
if (el) {
    const target = el.getAttribute('target')
    const root = createRoot(el)
    root.render(
        <FloatSaveButton target={target} />
    )
}

[Navin Vinayagam]

Hello Julien,

We checked the reported issue by preparing a simple sample, but the click event worked as expected in the sample.

We have attached the sample link for your reference.

Sample: https://stackblitz.com/edit/react-ts-brpe8u?file=App.tsx,style.css,package.json,index.html

Can you share an issue reproducing sample or modify the above sample to reproduce the issue? This will be helpful to check the issue from our end and provide you with a prompt solution.

Regards,

Navin V