javascript - fetch后如何更新数据？

Question

我正在 fetchData 方法中获取 componentDidMount 上的数据。之后我尝试用该方法删除数据。我试图在 deleteUser 方法中立即更新日期，但它不起作用。使用删除方法获取后如何更新此数据？

fetchData = () => {
    let url = `https://contact-browser.herokuapp.com/contacts`;
    fetch(url, {method: 'get'}).then(resp => resp.json()).then((data) =>
        this.setState({
            data: Object.entries(data).map(([key,value])=>({key:Number(key),value}))
        })
    );
};

componentDidMount() {
    this.fetchData();
}

deleteUser = (id) => {
    let url = `https://contact-browser.herokuapp.com/contact/${id}`;
    fetch(url, {method: 'delete'}).then(resp => console.log(resp));
    this.fetchData();
};

Answer 1

删除提取完成后重新提取数据，这可确保删除在服务器上完全解决后提取数据。

deleteUser = (id) => {
    let url = `https://contact-browser.herokuapp.com/contact/${id}`;
    fetch(url, {method: 'delete'}).then(resp => {
         this.fetchData();
    });
};