当有更多卡片组件要在react native中导航时，如何刷新导航婴儿车

Question

当我单击一个卡组件并将数据传递到另一个页面时，以及当我返回并单击另一个从导航传递的参数时。导航未更改。这是我浏览的第一页

从“React”导入React，{useState，useffect}；从“react native”导入{View，Text，TouchableOpacity，Button，StyleSheet，Image，ScrollView}；从“react native vector icons”导入{Fontsome、Feather、MaterialIcons、Ionicons}；

=（{路线，导航}）=

const[paymentList， setPaymentList]=useState（[]）； use效应（（）=

)
  .then((res) => res.json())
  .then((data) => {
    setPaymentList(data);
  });

}, []); const showPayment=（）=

     return (
       <View style={{padding: 8 }}>
       
       <PaymenCard date={Aname.date} discount={Aname.id} cash={Aname.amount} forwardLink={() => navigation.navigate('morePayments',{itemId: Aname.id})}/> 
       
       </View>
    
     );
   })

）}

return (
  <View style={styles.container}>
    <View style={styles.paymentbox}>
      <Text style={styles.payment}>Payments</Text>
    </View>
  
   <ScrollView>
      { showPayment()}
   </ScrollView>
  </View>
);

};

导出默认付款屏幕；

const样式=StyleSheet.create（{容器：{flex： 1，背景颜色：'#22343C'，

}，付款：{fontsize： 42，颜色："白色"，fontWeight："粗体"，}，付款框：{边缘左： 32，paddingBottom： 5}

});

功能PaymenCard（道具）{

返回(

<TouchableOpacity onPress={props.forwardLink}>
<View style={styles1.cardbox}>
<View style={styles1.square}>
  <View style={styles1.dollarbig}>
    <MaterialIcons name="monetization-on" color="#FFC542" size={30} />
  </View>
</View>
<View style={styles1.datedisc}>
  <View style={styles1.date}>
    <Text style={styles1.datetext}>{props.date} </Text>
  </View>
  <View style={styles1.discount}>
   <View style={styles1.rocket}>
   <FontAwesome name="rocket" color="#FFC542" size={20} />
  </View>
   <View style={styles1.discountval}>
    <Text style={styles1.discounttext}>{props.discount}</Text>
  </View>
  </View>
</View>
<View style={styles1.cashbox}>
<Text style={styles1.cashtext}>{props.cash}</Text>
</View>

const样式1=样式heet.create（{容器：{flex： 1，背景颜色：'#22343C'，}，纸箱：{高度： 115，宽度： 345，背景颜色：'#30444E'，边框半径： 25，边缘左侧： 22，灵活方向：'row'，}，正方形：{高度： 57，宽度： 59，

borderRadius: 12,
backgroundColor: '#FF565E',
marginTop: 24,
marginLeft: 23,

}， dollarsize：{边缘顶部： 15，对齐项目：'center'，}，数据光盘：{边缘顶部： 24，边缘左： 16，宽度： 145， flexDirection："列"}，数据文本：{颜色：'白色'，字体大小： 14，}，折扣：{边缘顶部： 15， flexDirection："row"，}，火箭：{

}，折扣价：{marginLeft:13}，折扣价：{color:“白色”，fontSize:14，}，现金箱：{marginTop:30，marginLeft:25}，现金文本：{color:“FF575F”，fontWeight:“粗体”，fontSize:18}

});

Answer 1

我找到了解决方案。在那里我使用了初始参数。所以一旦值被设置，它就不会再升级了。我使用反应上下文API来设置全局更新值