如何从带有参数的js文件调用javascript函数并从tsx文件返回数据？答案

【问题标题】：How to Call javascript function from js file with parameter and return data from tsx file?如何从带有参数的js文件调用javascript函数并从tsx文件返回数据？
【发布时间】：2019-05-07 21:23:25
【问题描述】：

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

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

我想从我的.tsx 文件中调用这个函数，我该怎么做？

【问题讨论】：

是什么阻止了你？有任何错误消息吗？
当我从我的 tsx 调用函数时，它显示错误“找不到名称 checkLogin”我试图进行导出和导入，但得到了同样的错误。可能是我错过了导入和导出功能，所以我想知道我该怎么做？
您还需要共享该导入/导出代码

标签： javascript reactjs tsx

【解决方案1】：

您是否有权修改sample.js？如果是这样，请尝试在您的函数前面添加export； IE。 exportfunction 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(..., ...);。

【讨论】：