export default function HorizontalLabelPositionBelowStepper() { const [activeStep, setActiveStep] = React.useState(0); const [completed, setCompleted] = React.useState({}); const handleComplete = () => { const newCompleted = completed; newCompleted[activeStep] = true; setCompleted(newCompleted); handleNext(); };

 <button className="footerSaveButton" disabled={ selectedCoach || selectedValue || selectedCustomer ? disabled : !disabled } onClick={routeChange} // onClick= {() => {routeChange();handleComplete();}} > Save and Continue </button>

Hay un componente funcional de tipo const dentro de una función predeterminada de exportación. Quiero acceder a ese componente funcional al hacer clic en mi botón que también está dentro de una función de un archivo JS externo.