Как вызвать функцию javascript из файла js с параметром и вернуть данные из файла tsx?

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 перед вашей функцией; то есть. exportfunction checkLogin(userName, password) {...}, Затем импортируйте этот скрипт в ваш файл TSX, используя require лайк:

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

Обратите внимание, что этот пример предполагает sample.js находится по тому же пути, что и ваш файл TSX, но вы можете изменить его по мере необходимости.

Тогда вы сможете получить доступ к своей функции посредством вызова Sample.checkLogin(..., ...); в вашем TSX.

альтернатива

Если вы можете изменить, сделайте ваш "образец" сценария в файл TypeScript (TS) (sample.ts) вы бы еще добавили export перед вашей функцией и, вероятно, хотите добавить такие типы, как string к двум параметрам функции:

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

Затем вы можете использовать import вместо этого в вашем файле TSX:

import * as Sample from "./sample";

Это также предполагает ваш sample.ts живет по тому же пути, что и ваш TSX, и позволит вам звонить Sample.checkLogin(..., ...); в вашем TSX.