Я относительно новичок, чтобы реагировать, и мне нужна помощь в понимании того, как включить файл JavaScript, который состоит из различных функций в файле реакции.
Например:
В моем "index.js" у меня есть функция, которая проверяет биометрические данные:
import CryptoJS from 'crypto-js';
import Web3 from 'web3';
const web3 = new Web3(new Web3.providers.HttpProvider("http://localhost:8545"));
const abi = JSON.parse('....');
const VotingContract = web3.eth.contract(abi);
const contractInstance = VotingContract.at('0x33ut3vdvdv..');
const candidateList=[{"a":"c1",.. }];
export function checkBiometricData() {
let biometricData = ("#biometricData").val();
var hash = CryptoJS.HmacSHA256(biometricData, "XXX");
var doubleHash = CryptoJS.HmacSHA256(hash, biometricData);
var hashInBase64 = CryptoJS.enc.Base64.stringify(doubleHash);
var booleanCheck = true;
var numbers = /^[0-9]+$/;
if(biometricData.match(numbers)){
booleanCheck = true;
}
else{
alert('Please Enter Valid Index Number. No Letters, Special Characters or Blank Spaces Are Allowed');
booleanCheck = false;
}
}
}
Мой файл реакции выглядит следующим образом:
import React, { Component } from "react";
import loadScript from 'load-script';
import {checkBiometricData} from './index2.js';
class Home extends Component {
componentDidMount() {
loadScript("./index2.js",
(error, script) => {
if (error) {
console.log("ERROR");
} else {
}
});
}
render() {
return (
<div>
<div className="verifyText">
<font color ="white" >Enter Number:</font>
<input defaultValue="00000"
type="text"
ref={this.input} id ="biometricData"/>
<a href="#" onClick={checkBiometricData()} className="btn btn-primary">Verify</a><br/>
</div>
</div>
);
}
}
export default Home;
Моя цель - убедиться, что введенный текст является всеми числами при нажатии кнопки подтверждения. В настоящее время я получаю сообщение об ошибке следующим образом:
"" #biometricData ".val не является функцией"
Любая помощь будет оценена.
Спасибо