Reactjs React不会更新其他页面上的值
我的应用程序中有两页:Reactjs React不会更新其他页面上的值,reactjs,Reactjs,我的应用程序中有两页:/home和/about。 我在Home.js组件上设置了一个简单的计数器。此外,每次计数时,我都会分派操作,这样我会更新存储中的状态 代码可以工作,我可以从我的存储访问值,但问题出在About.js组件中,因为当我从存储访问值时,从这个组件中,我只得到计数器的第一个值,它等于0,但是当我从Home.js组件中单击计数按钮时,该值仅在主页中更改,而不是在“关于”页面中更改,在该页面中,该值每次都与0相等。 问题:如何更新“关于”页面中的值,单击主页上的计数器?我建议您使用
/home
和/about
。
我在Home.js
组件上设置了一个简单的计数器。此外,每次计数时,我都会分派操作,这样我会更新存储中的状态
代码可以工作,我可以从我的存储访问值,但问题出在About.js
组件中,因为当我从存储访问值时,从这个组件中,我只得到计数器的第一个值,它等于0
,但是当我从Home.js
组件中单击计数按钮时,该值仅在主页中更改,而不是在“关于”页面中更改,在该页面中,该值每次都与0
相等。
问题:如何更新“关于”页面中的值,单击主页上的计数器?我建议您使用
因为没有代码理解问题对我们来说真的很难
我有几个问题和建议:
1.当您导航到/关于页面时,页面是否正在刷新,因为除非您创建存储,否则该存储不会持久化?
2.尝试使用跟踪每个操作的状态更新
请允许我添加这个作为回答,因为我没有评论的权限
只需在主页上添加链接,将路由到“关于”页面,并尝试增加值,然后单击该链接。
“关于”页面将具有与主页相同的值
<div className="App">
<button onClick={() => dispatch({ type: COUNTER })}>click</button>
<h1>Nr: {selector.counter}</h1>
<Link to="/about">About Us</Link>
</div>
分派({type:COUNTER})}>单击
Nr:{selector.counter}
关于我们
你能粘贴代码吗?我会在打开两个页面后尝试获取状态。因此,我打开了主页
页面,并且在我的浏览器中打开了关于
页面。当我点击计数器时,我只在主页上得到状态,而不是在大约。我不想引用我的页面浏览器,我希望页面中的状态没有引用。Chingi明白了,请您花点时间发布一个代码示例,可以更快地解决这个问题吗?我保证。我在这里添加了一些代码:。我想实现下一个目标:我想在浏览器中打开这两个页面。当我在主页上计数时,我想获得/about
路线上的更新值,不刷新。请让我了解您在一个选项卡中打开了主页,在另一个选项卡中打开了关于页面,并且当主页上的状态更新时,您希望它也在关于页面中更新吗?我已更新了答案,请尝试并让我知道。