如何使用来自 tsx 文件的参数和 return 数据从 js 文件调用 javascript 函数？

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 ； IE。 exportfunction checkLogin(userName, password) {...}。然后，使用 require 将此脚本导入您的 TSX 文件，例如：

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

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

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

备选

如果您能够将 "sample" 脚本更改为 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(..., ...);。

如何使用来自 tsx 文件的参数和 return 数据从 js 文件调用 javascript 函数？

How to Call javascript function from js file with parameter and return data from tsx file?

javascript

reactjs

tsx