我一直面臨一個問題。我已經(jīng)嘗試解決它了。但是，我不知道如何讓它發(fā)揮作用。我知道我的問題是在推送或刪除 API 后我沒有重新更新列表新狀態(tài)？我怎樣才能解決這個問題？這樣我就不用手動刷新頁面了？我有 2 個組件，但在這篇文章中，我將僅展示我用于刪除并從 API 讀取這篇文章的組件，該組件稱為“產(chǎn)品”。PostForm 組件是一個單獨的組件，導入到創(chuàng)建/刪除組件中。我在 setState 中添加了這段代碼以進行刪除。我想我需要一個函數(shù)來重新更新狀態(tài)，但不知道如何操作。希望得到幫助 // ProductList: filter((item) => item.id !== ProductId),class Products extends Component {  state = {    productList: [],    statusMsg: "",  };  // READ  getDataFromProductsApi() {    axios      .get("https://localhost:44366/api/Products/")      .then((res) => {        console.log(res.data);        this.setState({          productList: res.data,        });      })      .catch((error) => {        console.log(error);        this.setState({ statusMsg: "Error retreiving data" });        if (axios.isCancel(error)) return;      });  }  componentDidMount() {    this.getDataFromProductsApi();  }  // DELETE  deleteProduct = (productId, productName) => {    if (window.confirm("Are you sure? you want to delete")) {      axios        .delete(`https://localhost:44366/api/Products/${productId}`)        .then((response) => {          console.log(response);          this.setState({            statusMsg: `Product name: ${productName} With the ID: ${productId} was removed!`,            // productList: filter((item) => item.id !== productId),          });        });    }  };  showProducts = () => {    return (      <table className="customers">        <tbody>          <tr>            <th>ID</th>            <th>Name</th>            <th>Category</th>            <th>Price</th>            <th>Delete</th>          </tr>