React의 다른 파일에서 JS 함수를 호출하시겠습니까?

React의 다른 파일에서 JS 함수를 호출하시겠습니까?

별도의 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);
}

필요한 곳에 Import 할 수 있습니다.

//Homepage.js
import {plusSlides} from './slideshow'

handleClick (event) {
        plusSlides(1); 
    }

언급URL : https://stackoverflow.com/questions/43262599/call-js-function-from-another-file-in-react