单击按钮时更改行组件 - React-Native

Changing Row Component when Button is clicked - React-Native

在我的 React-Native 应用程序中,我有一个 ListView,其中每一行都按照“”呈现。在我的行中,我有几个自定义的 TouchableHighlight 组件。当我在我的行中按下 "Delete" 按钮时,我希望它用文本组件替换整行或行中的所有按钮组件,并显示 "This item has been deleted"。

有人知道如何实现吗?我不确定如何 link 我的子组件的 onPress 方法(删除按钮)到父组件(行)并让行用文本组件替换其内容。

我创建了这个代码片段来重现您所描述的内容:https://snack.expo.io/Bk9-6VNLW

您可以通过更改将触发组件更新的行组件的状态来完成 UI 更改。并且通过读取删除状态,可以决定渲染哪些组件是否是一组<TouchableHighlight>' buttons or just a`组件。