按下本地反应按钮无法正常工作

Posted 2021-04-16

我在我的本机应用程序上遇到一个奇怪的问题，我有一个计数器按钮，例如使用redux增加和减少产品数量，但是问题是当我按下按钮时，商店价值改变了，但是Text组件（查看）直到我在按钮外单击（这是很奇怪的问题）之后，它才会自动更改。

我尝试将按钮组件与onPress，TouchableOpacity onPress一起使用，但仍然存在相同的问题。

<TouchableOpacity onPress={()=>{this.handleDecQuantity(item)}}>
 <Icon
  family="AntDesign"
  size={16}
  name="minus"
  color="#2B4D8E"
  style={styles.btn}
 />
</TouchableOpacity>
...
<Text size={16}>{item.quantity}</Text>
...
<Button onlyIcon icon="plus" radius={3} shadowless iconFamily="AntDesign" iconSize={20} color="tarnsparent" iconColor="#2B4D8E" style={styles.btn}  onPress={()=>{this.handleIncQuantity(item)}}>+</Button>

我希望问题解决了，仅当我在按钮或TouchableOpacity之外单击时，计数器才会更改

答案

在redux存储中，它返回子项的props，而不是状态变量。并且道具绝对不能在子组件中更改。有关更多详细信息，如果要更新UI，则可以看到此article。您可以执行以下操作：