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