如何在获取后更新数据？

Question

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

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