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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1524 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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 条回复 • 2020-09-05 13:52:40 +08:00