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