Stepper: onChange function doesn't work about primereact HOT 6 CLOSED

@ivaneliasoo I just fixed it for next release: #6546

from primereact.

In the code, buttons manually controlling the navigation between steps using the nextCallback and prevCallback methods. These methods do not trigger the onChange event.

If you want to execute some code when the step changes, you could do this within the onClick handlers of your "Next" and "Back" buttons.

<Button label="Next" icon="pi pi-arrow-right" iconPos="right" onClick={() => { stepperRef.current.nextCallback(); console.log('Step changed to: ' + (stepperRef.current.state.activeIndex + 1)); }} />

from primereact.

I'm referencing this part of the stepper api documentation:

from primereact.

In the code, buttons manually controlling the navigation between steps using the nextCallback and prevCallback methods. These methods do not trigger the onChange event.

If you want to execute some code when the step changes, you could do this within the onClick handlers of your "Next" and "Back" buttons.

<Button label="Next" icon="pi pi-arrow-right" iconPos="right" onClick={() => { stepperRef.current.nextCallback(); console.log('Step changed to: ' + (stepperRef.current.state.activeIndex + 1)); }} />

also, I'm unable to access state through the ref, the only available functions it reveals are next previous and get element

from primereact.

Submitted a PR to add getActiveStep() and setActiveStep(step) to the ref.

from primereact.

Hi, I'm facing this issue too, and I believe that problem is the event name so it must be wrong in documentation ("onChange") or in code ("onChangeStep") , so using "onChangeStep" works correctly but with type errors

but no event info is returned, only index info

from primereact.