Tengo una función en un archivo JavaScript separado que me gustaría llamar en un componente React. ¿Cómo puedo lograr esto?
Estoy tratando de crear una presentación de diapositivas, y en slideshow.js , tengo esta función que aumenta el índice de diapositivas actual, así:
function plusSlides(n) { showSlides(slideIndex += n); } En Homepage.jsx , tengo un botón "siguiente" que debería llamar a plusSlides desde slideshow.js cuando se hace clic en él, así:
class NextButton extends React.Component { constructor() { super(); this.onClick = this.handleClick.bind(this); } handleClick (event) { script.plusSlides(1); // I don't know how to do this properly... } render() { return ( <a className="next" onClick={this.onClick}> ❯ </a> ); } }Puedes exportarlo, o me estoy perdiendo tu pregunta
//slideshow.js export const plusSlides = (n)=>{ showSlides(slideIndex += n); }e impórtalo donde lo necesites
//Homepage.js import {plusSlides} from './slideshow' handleClick (event) { plusSlides(1); }