javascript - 在 React 中从另一个文件调用 JS 函数？

Question

我在单独的 JavaScript 文件中有一个函数，我想在 React 组件中调用该函数 - 如何实现此目的？

我正在尝试创建幻灯片，在 slideshow.js 中，我有一个可以增加当前幻灯片索引的函数，如下所示:

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

在 Homepage.jsx 中，我有一个“下一个”按钮，单击该按钮时应从 slideshow.js 调用 plusSlides，例如所以:

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>
        );
    } 
}

Answer 1

您可以导出它，或者我错过了您的问题

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

并将其导入到需要的地方

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

handleClick (event) {
        plusSlides(1); 
    }