React native 将单击计数添加到反应本机

因此，我正在构建一个应用程序，我想基本上实现一个“喜欢”按钮，但我似乎无法得到正确的东西组合来让它工作。基本上我想按下一个like按钮，在页面上有一个数字，显示它被喜欢了多少次。有人有什么想法吗？这就是我到目前为止所做的：

从“React”导入React；
导入{样式表、视图、图像、TouchableOpacity、文本、状态栏、，
ScrollView}来自“react native”；
导出默认类SingleVeg扩展React.Component{
建造师（道具）{
超级（道具）
console.log（“这里”，道具）；
此.state={
数据：{}，
计数：0
}
this.update=this.update.bind（this）
}
更新（）{
this.setState（{count:this.state.data.count+1}）
}
异步组件didmount（）{
const response=等待获取(`https://just-
熟了。herokuapp.com/vegeture/$
{this.props.navigation.state.params.id}`）
const json=await response.json（）
this.setState（{data:json}）
}
render（）{
log（this.state.data的类型，this.state.data.id）
返回(
{this.state.data.title}
爱：{this.state.data.count}

您的更新功能中有一个bug，应该是：

 update() {
   this.setState({ count: this.state.count + 1 })
 }

与此.state.data.count相比

您还应该更新您的文本以从count.ie读取

Love: {this.state.count}

当您保存状态时：

this.setState({data: json, count: json.count})

---

您的更新功能中有一个bug，应该是：

 update() {
   this.setState({ count: this.state.count + 1 })
 }

与此.state.data.count相比

您还应该更新您的文本以从count.ie读取

Love: {this.state.count}

当您保存状态时：

this.setState({data: json, count: json.count})

---

这里的问题是您有2个

count

存储空间

删除处于以下状态的

count

：

this.state = {
  data: {},
  count: 0
}

并更新数据中的正确计数：

this.setState({ data: { ...data, count: this.state.data.count + 1 }})

---

这里的问题是您有2个

count

存储空间

删除处于以下状态的

count

：

this.state = {
  data: {},
  count: 0
}

并更新数据中的正确计数：

this.setState({ data: { ...data, count: this.state.data.count + 1 }})

import React from'React'`在此处输入代码'；
类计数器扩展了React.Component{
状态={计数：0}
增量=（）=>{
这是我的国家({
计数：this.state.count+1
});
}
减量=（）=>{
这是我的国家({
计数：this.state.count-1
});
}
render（）{
返回(
柜台
-
{this.state.count}
+
)
}
}
导出默认计数器；

从“React”导入React`在此处输入代码'；
类计数器扩展了React.Component{
状态={计数：0}
增量=（）=>{
这是我的国家({
计数：this.state.count+1
});
}
减量=（）=>{
这是我的国家({
计数：this.state.count-1
});
}
render（）{
返回(
柜台
-
{this.state.count}
+
)
}
}
导出默认计数器；

请注意，要改变这种方式，他需要改变

Love:{this.state.data.count}

到

Love:{this.state.count}

当他得到数据时，他需要：

this.setState（{data:json，count:json.count}）

要改变这种方式，他需要改变

Love:{this.state.data.count}

到

Love:{this.state.count}

当他获得数据时，他需要：

this.setState（{data:json，count:json.count}）