我在一个单独的JavaScript文件中有一个函数,我想在React组件中调用它-如何实现呢?
我正在尝试创建幻灯片,在中slideshow.js,我有此功能可以增加当前幻灯片的索引,如下所示:
slideshow.js
function plusSlides(n) { showSlides(slideIndex += n); }
在Homepage.jsx,我有一个“下一步”按钮时应该调用plusSlides从slideshow.js被点击的时候,就像这样:
Homepage.jsx
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}> ❯ </a> ); } }
您可以导出它,或者我想念您的问题
//slideshow.js export const plusSlides = (n)=>{ showSlides(slideIndex += n); }
并将其导入您需要的位置
//Homepage.js import {plusSlides} from './slideshow' handleClick (event) { plusSlides(1); }