ReactHook 异步请求删除数据不能正确刷新问题，救救小白吧，被卡了一晚上

資深大佬 : qwertty01 0

点击一次删除时，不能刷新，点两次才能删除

export const WorkPage = () => {     const [items, setItems] = useState([])     const [update, setUpdate] = useState(false)      const updateEvent = () => {         console.log(update)         setUpdate(!update)     }      useEffect(() => {         axios.get(findAllUrl).then(response => {             setItems(response.data)         })     }, [update])       const deleteItemHandler = (event) => {         axios.get(deleteByIdUrl, {             params: {                 id: event.target.value             }         }).then(response => {             console.log(response)         })         updateEvent()     }          return (      <div>          <ul>              {items.map(((item, index, array) =>                 <li key={index}>{index + " " + item.content}                   <button value={item.id}                    onClick={e => deleteItemHandler(e)}>X                   </button>                 </li>                ))}             </ul>         </div>     ) }

大佬有話說 (10)

資深大佬 : lemon6

你的两个接口是同时调的，所以在执行删除操作的时候数据库还没有真正完成删除

主資深大佬 : qwertty01

@lemon6 有什么解决的办法吗？

主資深大佬 : qwertty01

@lemon6 感谢老哥，一语点醒梦中人。把 updateEvent()放到回调里就可以了。

資深大佬 : iamppz

update 放 then 里面啊

資深大佬 : aaronlam

感觉是不是用 aysnc await 就不会那么容易出现这种失误了呢。。

資深大佬 : Blacate