Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React不会更新其他页面上的值_Reactjs - Fatal编程技术网

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
路线上的更新值,不刷新。请让我了解您在一个选项卡中打开了主页,在另一个选项卡中打开了关于页面,并且当主页上的状态更新时,您希望它也在关于页面中更新吗?我已更新了答案,请尝试并让我知道。