Javascript 需要帮助将信息推送到Ref吗
我得到了一些建议,建议useRef停止在我的textarea中键入所触发的连续api调用,但现在的问题是,我不太了解useRef,也不知道如何将我键入的数据推送到ref。我在handleChange函数中使用event.target.value,不知道我是否必须在这里这样做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
代码:实现这一点不需要编写复杂的逻辑。这是我通常做的事
函数MyComponent(){
const timeout=useRef(null);
函数onChange(e){
常量值=e.target.value;
clearTimeout(timeout.current);
timeout.current=setTimeout(()=>{
//在这里做昂贵的事情
}, 500);
}
返回(
);
}
这是干什么的?如果用户已经500毫秒没有输入,它只会做昂贵的事情。您应该测试不同的超时值,以在响应性和效率之间找到完美的平衡。第一个答案很好,但是tryna找到了另一个解决方案来解决部分问题,但我仍然需要另一个解决方案,顺便问一下,您能帮我解决另一个问题吗?我试图访问组件API数据中的数据数组,但我不明白为什么我不能访问它。指向阵列的链接:imgur.com/F3KVxbK