我正在學(xué)習(xí) React，并且剛剛使用 React 創(chuàng)建了一個(gè)簡(jiǎn)單的待辦事項(xiàng)應(yīng)用程序。我的待辦事項(xiàng)應(yīng)用程序具有標(biāo)準(zhǔn)結(jié)構(gòu)，即文本輸入和旁邊的“添加”按鈕。用戶將在輸入中鍵入他們的待辦事項(xiàng)，每次單擊旁邊的“添加”按鈕時(shí)，他們輸入的新有序列表將出現(xiàn)在輸入和“添加”按鈕下方。用戶還可以通過(guò)單獨(dú)單擊條目來(lái)刪除待辦事項(xiàng)條目，如下所示：為了完成這種刪除條目的行為，我使用了這個(gè)刪除函數(shù)：delete(elem) {    for (var i = 0; i < this.state.listArray.length; i++) {      if (this.state.listArray[i] === elem) {        this.state.listArray.splice(i, 1);        this.setState({          listArray: this.state.listArray        });        break;      }    }  }我的待辦事項(xiàng)應(yīng)用程序完全按照我希望的方式工作，但當(dāng)我看到其他人對(duì)此刪除功能的更傳統(tǒng)方法時(shí)，他們要么只是簡(jiǎn)單地使用拼接方法或過(guò)濾方法。對(duì)于拼接方法方法，當(dāng)用戶單擊特定條目時(shí)，它們顯然只是簡(jiǎn)單地從listArray中“刪除”不需要的條目。這對(duì)我不起作用，因?yàn)槭褂么朔椒〞?huì)導(dǎo)致我的所有條目都被刪除，但我單擊的條目除外，這是我要?jiǎng)h除的條目。另一方面，filter 方法方法顯然是通過(guò)比較從子組件傳遞的數(shù)據(jù)elem與listArray中的每個(gè)元素來(lái)工作的，如果 for 循環(huán)中的元素不等于 elem ，那么它將被傳遞到一個(gè)新數(shù)組。這個(gè)新數(shù)組將不會(huì)被刪除。這種方法比簡(jiǎn)單的拼接方法效果更好，但是，我在使用這種方法時(shí)遇到的一個(gè)問(wèn)題是，如果我有多個(gè)具有相同值的條目，例如“喂狗”。我只想刪除其中一個(gè)“喂狗”條目，但它會(huì)同時(shí)刪除它們。我想到了解決這個(gè)問(wèn)題的方法，最終想出了我當(dāng)前版本的代碼，它使用了 splice 方法，但是 splice 方法是在我將其設(shè)置為狀態(tài)之前使用的。在這里很明顯：        this.state.listArray.splice(i, 1);        this.setState({          listArray: this.state.listArray        });我的問(wèn)題可以分解為三個(gè)子問(wèn)題：考慮到 React 狀態(tài)應(yīng)該是不可變的，上面代碼的第一行是否改變了我的狀態(tài)？這種做法不行嗎？我認(rèn)為所有 React 狀態(tài)只能在“setState”函數(shù)內(nèi)更改，但我上面的第一行代碼不在 setState 函數(shù)內(nèi)，但它更改了 listArray 的狀態(tài)。這怎么可能？如果我的方法是改變狀態(tài)并且不理想，你將如何制作刪除功能以便它只刪除一個(gè)條目并且如果有多個(gè)相似條目則不超過(guò)一個(gè)？