Question

我有一个类组件，我想定义一些函数以在其他组件中使用它们。

我正在使用Framework7，并且要使用Dialogs之类的功能，它必须是类组件。

这是我到目前为止尝试过的：

class myComponent extends Component {
   firstFunction = () => { // code };

   secondFunction = () => { // code };
}

export { firstFunction, secondFunction }

import { firstFunction from './filename'}

我希望构建一个包含这些功能的组件，以便在导入它们的任何地方都可以使用它们，但是似乎我在这里使用的方式是错误的。

任何帮助将不胜感激。

Answer 1

您可以使用Ref。（https://reactjs.org/docs/refs-and-the-dom.html）

使用组件时，可以为其分配一个引用以访问其所有方法：

<MyComponent ref={ref => this.myComponentRef = ref} />

然后：

this.myComponentRef.firstFunction()

如何从类组件导出和导入函数

1 个答案: