单击按钮时更改行组件 - 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”组件。