Cuando presiono el botón de sincronización, necesito ejecutar la función de verificación de rutina. Cómo puedo hacer esto ?
const CheckRoutine = require('../routines/check-at'); export default ({ className }) => ( <ul className={ `nav flex-column ${className || ''}` }> <li> <button className="btn btn-primary" onClick={CheckRoutine} > <i className="fa fa-refresh"> </i> <span>Sync</span> </button> </li> </ul> );``` check-at: module.exports = atCheck; function atCheck() { console.log("Cheking..."); }Si su rutina de verificación está en el mismo componente, puede dar directamente,
<button className="btn btn-primary" onClick={CheckRoutine} > <i className="fa fa-refresh"> </i> <span>Sync</span> </button>o Si su rutina de verificación está en el componente principal, puede usar la función de devolución de llamada dentro de su componente como se muestra a continuación.
const CheckRoutine =(event) =>{ event.preventDefault(); props.checkRoutine(); } <button className="btn btn-primary" onClick={CheckRoutine} > <i className="fa fa-refresh"> </i> <span>Sync</span> </button>puedes usar esto,
CheckRoutine.js const CheckRoutine = e => { console.log(e) } export default CheckRoutine fileName.js import CheckRoutine from './CheckRoutine' export default ({ className }) => ( <ul className={ `nav flex-column ${className || ''}` }> <li> <button className="btn btn-primary" onClick={CheckRoutine} > <i className="fa fa-refresh"> </i> <span>Sync</span> </button> </li> </ul> );o puedes en un solo archivo
const CheckRoutine = e => { console.log(e) } export default ({ className }) => ( <ul className={ `nav flex-column ${className || ''}` }> <li> <button className="btn btn-primary" onClick={CheckRoutine} > <i className="fa fa-refresh"> </i> <span>Sync</span> </button> </li> </ul> );import atCheck from '../routines/check-at' export default ({ className }) => ( <ul className={ `nav flex-column ${className || ''}` }> <li> <button className="btn btn-primary" onClick={atCheck} > <i className="fa fa-refresh"> </i> <span>Sync</span> </button> </li> </ul> ); //../routines/check-at export default const atCheck => (e) { console.log("Cheking..."); }