Reactjs React native navigation.push未从参数更新UI

我使用的是react导航5

导航是这样的

Home
-->List
   -->detailsA
   -->detailsB
   -->detailsC
   -->detailsD

<TouchableOpacity
                key={item.id}
                onPress={() =>
                   //********** using push here
                    navigation.push('CaseDetails', {
                        screen: 'CaseDetails',
                        params: {
                            random: Math.floor(Math.random()* 2000),
                            title: item.title,
                            summary: item.summary,
                            image: item.image,
                            
                    })
                }>

如你所见，我得到了如上所示的导航结构

我使用

导航从
主页
组件转到
列表
组件。导航

工作正常。我还可以使用

导航从
列表
转到
detailsA
。导航

以下是详细信息的代码

列表

<TouchableOpacity
        key={info.id}
        onPress={() =>
        navigation.navigate('CaseDetails', {
        screen: 'CaseDetails',
            params: {
                random: Math.floor(Math.random()* 2000),
                title: info.title,
                summary: info.summary,
                image: info.image,
            },
        })
    }>

正如您在代码中看到的。我正在将新的

title、summary和imag

e传递到details组件中，但是UI没有更新

这里有我遗漏的东西吗

---

重要的一点是，如果我从

list

转到

details A

，假设随机生成的数字是

555

，如果我从

detailsA

转到

detailsB

的话，随机数仍然是

555

你从detailsA导航到detailsB只是为了改变它的参数吗？如果是，您可以使用以下功能：

navigation.setParams({//new params here});

---

如何管理组件中的状态？我在详细信息页面中没有状态，我只使用

const{title，summary}=route.params获取参数

问题是来自

路由的数据。params

始终返回

初始值，即
detailsA
，即使我从
detailsA转到detailsB
时通过params传递值