定义React功能组件的通用方法

Question

我已经使用打字稿和挂钩创建了一个4页的应用程序。每个文件中很少有常用的方法。有什么办法可以在所有文件中扩展相同的方法。像打字稿中的抽象类，而没有将我的组件从功能性更改为类吗？

Answer 1

您可以很容易地做到这一点。创建js文件Message.js并编写以下函数

export function getMessage() {
    return "Hello World";
}

将该函数导入到您要调用的另一个js文件中：

import {getMessage} from './Message'

然后调用getMessage函数：

alert("This is the Message: " + getMessage());