javascript - 블로그 - velopert contact



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

내보낼 수도 있고 질문이 누락되었습니다.

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

필요한 곳으로 가져 오십시오.

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

handleClick (event) {
        plusSlides(1); 
    }

https://ffff65535.com

React 구성 요소에서 호출하고 싶은 별도의 JavaScript 파일에 함수가 있습니다. 어떻게 이것을 수행 할 수 있습니까?

슬라이드 쇼를 만들려고하는데, slideshow.js에 다음과 같이 현재 슬라이드 인덱스를 늘리는이 함수가 있습니다.

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

Homepage.jsx 에는 다음과 같이 클릭하면 plusSlidesslideshow.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>
        );
    } 
}




reactjs