Question

我有一个js文件，sample.js的功能如下：

function checkLogin(userName, password) {
  var returnvalue = '';
  //logic for login and assign value in returnvalue variable
  return returnvalue;
}

我想从我的.tsx文件中调用此函数，怎么办？

Answer 1

您有权修改sample.js吗？如果是这样，请尝试在函数之前添加export；即。 export function checkLogin(userName, password) {...}。然后，使用require将此脚本导入您的TSX文件中，例如：

var Sample = require("./sample.js");

请注意，此示例假设sample.js与TSX文件位于同一路径，但是您可以根据需要进行修改。

然后，您应该能够通过在TSX中调用Sample.checkLogin(..., ...);来访问函数。

替代

如果您能够将“示例”脚本更改为TypeScript（TS）文件（sample.ts），则仍可以在函数前添加export，并且可能希望添加类型像string一样是两个函数参数：

export function checkLogin(userName: string, password: string) {...}

然后，您可以在TSX文件中使用import，代替：

import * as Sample from "./sample";

这还假设您的sample.ts与TSX处于同一路径，并允许您在TSX中拨打电话Sample.checkLogin(..., ...);。

如何使用参数从js文件调用javascript函数并从tsx文件返回数据？

1 个答案: