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

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

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> ) }