Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 需要帮助将信息推送到Ref吗_Javascript_Json_Reactjs_Api_React Hooks - Fatal编程技术网

Javascript 需要帮助将信息推送到Ref吗

Javascript 需要帮助将信息推送到Ref吗,javascript,json,reactjs,api,react-hooks,Javascript,Json,Reactjs,Api,React Hooks,我得到了一些建议,建议useRef停止在我的textarea中键入所触发的连续api调用,但现在的问题是,我不太了解useRef,也不知道如何将我键入的数据推送到ref。我在handleChange函数中使用event.target.value,不知道我是否必须在这里这样做 代码:实现这一点不需要编写复杂的逻辑。这是我通常做的事 函数MyComponent(){ const timeout=useRef(null); 函数onChange(e){ 常量值=e.target.value; clea

我得到了一些建议,建议useRef停止在我的textarea中键入所触发的连续api调用,但现在的问题是,我不太了解useRef,也不知道如何将我键入的数据推送到ref。我在handleChange函数中使用event.target.value,不知道我是否必须在这里这样做


代码:

实现这一点不需要编写复杂的逻辑。这是我通常做的事

函数MyComponent(){
const timeout=useRef(null);
函数onChange(e){
常量值=e.target.value;
clearTimeout(timeout.current);
timeout.current=setTimeout(()=>{
//在这里做昂贵的事情
}, 500);
}
返回(
);
}

这是干什么的?如果用户已经500毫秒没有输入,它只会做昂贵的事情。您应该测试不同的超时值,以在响应性和效率之间找到完美的平衡。

第一个答案很好,但是tryna找到了另一个解决方案来解决部分问题,但我仍然需要另一个解决方案,顺便问一下,您能帮我解决另一个问题吗?我试图访问组件API数据中的数据数组,但我不明白为什么我不能访问它。指向阵列的链接:imgur.com/F3KVxbK