如何在我的React应用程序中使用另一个类的函数？[副本]

Question

这是我的工具。js

export default class Tools extends React.Component {
    show() {
        console.log(1)
    }
}

这是我的应用程序。js

export default class App extends React.Component {
    componentDidMount() {
        Tools->show(); // ???
    }
    
    render() {
        return (
            <div className="App">
                <Loading />
                <Header />
            </div>
        );
    }
}

我想调用App的componentDidMount（）中的show（）函数

如何将另一个类中的函数调用到应用程序中？




Answer 1

由于要导入一个类，您需要使用new实例化它，然后使用show方法。

在你的应用程序中。js:

import {Tools} from 'Tools.js';

const myTool = new Tools();

export default class App extends React.Component {
componentDidMount() {
    myTool.show();
}

render() {
    return (
        <div className="App">
            <Loading />
            <Header />
        </div>
    );
}

}