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

Question

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

我试图创建幻灯片，并在slideshow.js，我有这个功能，增加当前幻灯片指数，就像这样：

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

在Homepage.jsx，我有一个“下一步”按钮应该调用从slideshow.jsplusSlides单击时，像这样：

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

可以导出，或者我丢失了你的问题

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

，并在您需要

//Homepage.jsx 
import {plusSlides} from './path' 

handleClick (event) { 
     plusSlides(1); 
    }