Reactの別のファイルからJS関数を呼び出しますか？

Question

私は別のJavaScriptファイルに関数を持っています。これはReactコンポーネントで呼びたいと思いますが、どうすればいいですか？

私はスライドショーを作成しようとしている、とslideshow.jsで、私はそうのように、現在のスライドインデックスを増加させ、この機能があります：Homepage.jsxで

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

、私がすべき「次へ」ボタンを持っていますそれがクリックされたときに同じように、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

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

、あなたが

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

handleClick (event) { 
     plusSlides(1); 
    }