React Native：如何根据对象的状态更改按钮标题和onPress函数？

Question

我有一个列表，用户可以在其中使用“添加”按钮添加项目，并且我希望在用户单击一次后使“添加”按钮成为“删除”按钮。我的想法是为项目设置一个布尔值以跟踪它是否在列表中，但是如何更改按钮的标题和onPress函数呢？在React Native中实现它的合适方法是什么？预先感谢。

Answer 1

您可以保持对象的状态不变，并且当对象状态更改时，按钮的text和onPress功能也会自动更改。

类似这样的东西：

<TouchableOpacity onPress=(this.state.status ? () => addFunction() : () => deleteFunction())>
    {(this.state.status) ? "Add" : "Delete"}
</TouchableOpacity>

当用户点击您的商品时，只需设置状态状态

function itemClick() {
     // Do something

     this.setState({
         status: false
     })
}