javascript - 我如何使用 reactjs 回调函数

Question

我有这个验证函数组件，如何使用它返回回调函数？

第一个文件仅用于校验有效性

export function checkValidity(value, rules, shouldValidat) {
   let isValid = true;

    return isValid;
}

第二个文件调用者

import { checkValidity } from "../UI/CheckValidity";
let res = checkValidity(vlaue, validationRules, shouldValidat);

callback = () =>{
   alert("call back function is done");
} 

如何使用 React js 从第一个文件调用回调函数？

Answer 1

您需要在checkValidity 函数中有一个回调。

所以你需要在 checkValidity(value, rules, shouldValidat, callback) 中添加 callback 作为参数，然后简单地做:

export function checkValidity(value, rules, shouldValidat, callback) {
   let isValid = true;
   /*do your validation here and if it's okay then call callback*/
   callback();
   return isValid;
}