javascript - React.js/CRA，如何从另一个文件调用或导入 javaScript 函数？

Question

我的代码越来越长，所以我决定将它们转移到其他 javaScript 文件。

我关注了这个relevant topic regarding my question但为什么我会收到错误，我只是复制并粘贴所有内容？

上面的链接是代码

//slideshow.js
function plusSlides(n) {
    showSlides(slideIndex += n);
}

//Home.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>
        );
    } 
}

这是我的错误“尝试导入错误:'plusSlides' 未从 '../plusSides 文件'导出。”

我使用了react.js CRA，我需要配置什么来解决这个问题吗？

Answer 1

它一定有效。你唯一需要的是 babel 来转译 es6 (我假设你已经使用了 React CRA)。还有另一种方法，即使用默认导出

幻灯片.js

export default (n)=>{
    showSlides(slideIndex += n);
}

并像这样在 Home.js 中导入这个函数

Home.js

import anyname from './slideshow.js' //I am assuming you have slideshow.js and Home.js in same directory

handleClick (event) {
    anyname(1); 
}