从React中的另一个文件调用JS函数？

  • Z时代
  • 2024-01-10
  • 分类：问答

我在一个单独的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>
        );
    } 
}

回答：

您可以导出它，或者我想念您的问题

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

并将其导入您需要的位置

//Homepage.js
import {plusSlides} from './slideshow'
handleClick (event) {
        plusSlides(1); 
    }

以上是 从React中的另一个文件调用JS函数？ 的全部内容， 来源链接： utcz.com/qa/431996.html

回到顶部