Вызовите функцию JS из другого файла в React?

У меня есть функция в отдельном файле JavaScript, который я бы хотел вызвать в компоненте React - как я могу это достичь?

Я пытаюсь создать слайд-шоу, и в slideshow.js меня есть эта функция, которая увеличивает текущий индекс слайда, например:

function plusSlides(n) {
    showSlides(slideIndex += n);
}

В " Homepage.jsx меня есть "следующая" кнопка, которая должна вызывать plusSlides из slideshow.js когда она нажата, например:

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}>
                &#10095;
            </a>
        );
    } 
}

Ответы

Ответ 1

Вы можете экспортировать его, или я пропускаю ваш вопрос

//slideshow.js
export const plusSlides = (n)=>{
    showSlides(slideIndex += n);
}

и импортировать его там, где вам нужно

//Homepage.js
import {plusSlides} from './slide'

handleClick (event) {
        plusSlides(1); 
    }