單擊按鈕時更改行組件 - React-Native

Question

在我的React-Native應用程序中，我有一個ListView，每行都按照「Solution 2」呈現。在我的行內，我有幾個自定義TouchableHighlight組件。當我按下我的行中的「刪除」按鈕時，我希望它替換行中的整個行或所有按鈕組件，其中Text組件表示「此項目已被刪除」。

有沒有人有任何想法如何做到這一點？我不知道如何將我的子組件的onPress方法（刪除按鈕）鏈接到父組件（Row），並讓Row用Text組件替換它的內容。

Answer 1

我創建了這段代碼片段來重現你所描述的內容：https://snack.expo.io/Bk9-6VNLW。

您可以通過改變觸發組件更新的行組件狀態來完成UI更改。通過閱讀已刪除的狀態，您可以決定渲染哪些組件，是否是一組「<TouchableHighlight>' buttons or just a」組件。