亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

求大佬指點哈!React hooks組件中,定義的方法為什么取不到新的state的值感激不盡

求大佬指點哈!React hooks組件中,定義的方法為什么取不到新的state的值感激不盡

LEATH 2019-08-21 12:39:54
我想在keydownListener這個方法中去取上面定義好的最新的value的值,但是發現每次取到的都是初始的值。哪位大神一頁到過這中問題,煩請解答一下,不勝感激。functionInput(props){letinputRef=useRef(null);let{value,handleChange,handleKeyDown,handleBlur,handleFocus}=useInputValue(inputRef,props.addTodo);return()exportconstuseInputValue=(inputRef,addTodo)=>{let[value,setValue]=useState('');letfocusStatus=useRef(false);consthandleChange=useCallback((e)=>{letv=e.target.value;setValue(v);},[])consthandleFocus=()=>{focusStatus.current=true;inputRef.current.addEventListener('keydown',keydownListener);}consthandleBlur=()=>{focusStatus.current=false;inputRef.current.removeEventListener('keydown',keydownListener);}constkeydownListener=(e)=>{if(e.keyCode===13&&focusStatus.current){addTodo(value);//????這個地方取到的值始終都是''setValue('');}}return{value,handleChange,handleBlur,handleFocus}
查看完整描述

2 回答

?
瀟湘沐

TA貢獻1816條經驗 獲得超6個贊

functionuseClosure(fn){
constfnRef=useRef();
constfnProxy=useCallback(()=>fnRef.current(),[]);
useEffect(()=>{
fnRef.current=fn;
});
returnfnProxy;
}
constuseInputValue=(inputRef,addTodo)=>{
let[value,setValue]=useState('');
//...
constkeydownListener=useClosure((e)=>{
if(e.keyCode===13&&focusStatus.current){
addTodo(value);//總會取到當前的value
setValue('');
}
});
//...
};
                            
查看完整回答
反對 回復 2019-08-21
  • 2 回答
  • 0 關注
  • 526 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號