繁体   English   中英

我的 React 组件可以监听服务器中的变化并自行更新吗?

Can my React component listen to changes in the server and update itself?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个呈现项目列表的 React 组件。 我有一个不同的组件,它允许用户添加一个新项目。 这个新项目是通过对服务器进行异步调用来创建的。 呈现列表的组件是否可以监听服务器中的更改并自行更新。

新项目是通过模态添加的,因此当模态关闭时,需要触发一个操作来更新呈现项目列表的组件。 现在我不得不刷新浏览器以反映 UI 中的变化。

如果我关闭我的模式,我将无法触发对呈现项目列表的组件的更改。 我考虑将异步调用的结果添加到 state 的列表项中,使用 redux 作为重新渲染的一种方式。 但是,我与之交互的客户端不会返回项目所需的所有属性(作为 Typescript 接口的一部分)。 因此这种方法行不通。 强制重新渲染显示列表的组件的另一种方法。 但同样,我真的想不出一种可行的方法以及如何触发 componentDidUpdate 钩子。

1 个回复

if (服务器支持webSockets ) {

使用webSockets

} 别的 {

使用socket.io

}

1 Socket.io 事件侦听器在我的 React 类组件中自发触发,没有服务器输出

我正在尝试在我的 React 类组件中实现一些 socket.io 代码,但它似乎无法正常工作。 我的代码如下所示: 当我在 Chrome 中加载 React 页面并打开开发工具控制台时,我立即看到“事件已记录”。 信息。 关于为什么会发生这种情况的任何想法? 没有服务器正在运行,所以我很困惑为 ...

2 从外部更新组件状态React(在服务器响应上)

我正在学习React。 目前,我将几个components链接为父子,通过回调可以轻松地进行通信。 我有一个表 (反应组件)和一个小模态ajax 形式 (没有反应)。 当我从服务器收到响应 (项目)时,我想将项目添加到表中。 我的主要问题是,是否有可能从外部响应 触发组件状态更改 ...

2015-08-06 13:09:24 3 21371   reactjs
3 基于服务器动态更新 React 组件 state state

我有一个组件,该组件一加载就显示没有玩家登录。 导出默认播放器列表; 这将显示已登录玩家的姓名以及已登录大厅的任何其他玩家的姓名。 但我的问题是已经登录的玩家如何了解新加入的玩家。 可能的方法以每 2 秒的时间间隔发送一个请求。 setInterval(httpRequest,2000); 这是 ...

4 如何在Flask服务器中对特定的React组件进行更改?

我希望我的问题很清楚。 因此,我在组件A中有一个React表单。我想使用AJAX请求将字段传递给Flask服务器,该服务器处理接收到的数据并更新组件B中的DOM。 尝试查找其他几个SO页面,但是没有一个回答这个问题。 而且我对AJAX和Flask都是超级新手,所以这也无济于事。 ...

5 使组件侦听服务中的更新数据

我正在尝试创建一种服务,以将数据从祖父母传递给其祖子女,并且我想在数据具有特定值时调用一个方法。 我找到了一些有趣的资源,但是我缺少一些要点。 这是我的服务: 这是更改messageSource值的组件的摘录 最后是要在可观察值更改时触发closePopup()方法的组件 ...

6 如何侦听 (S)FTP 服务器上的更改?

我正在从几个 (S)FTP 服务器下载每日内部文件。 这些服务器不是由我管理的,我已获得外部各方的访问权限。 文件在一天中的不同时间点到达。 因此,我无法事先知道何时必须发送提取请求。 有没有一种聪明的方法来设置监听器来跟踪这些 SFTP 服务器上的变化? 例如,某种 ping 返回服务器的最后 ...

7 当我尝试更新自我关系 model 时,Prisma 云不断删除我服务器中的节点

描述错误我有一个自相关的 model。 创建节点后,我尝试为自己更新节点的数据,但在它更新自身之后,与下一个节点有连接的前一个节点删除了与下一个节点的连接。 这是我的 model 棱镜 截图我的节点的屏幕截图以上是节点的样子。 高亮部分是连接到同一个表中另一个节点的节点,在更新绿色下划线的节点时会消 ...

8 从服务器获取 React 组件

我正在为 ReactJs 工作。 我在客户端和服务器端都使用了 Typescript 进行开发。 我使用npm run build来构建我的项目,我现在只交付 build 文件夹。 客户: 一切都是文件,在少数情况下,我需要从服务器获取 ReactjsComponents。 这些新组件由每个用 ...

2021-06-02 02:43:50 0 41   reactjs
10 不断监听服务器并更新React Js中的组件

因此,我正在学习React,并想知道如何使组件与数据库保持同步。 除了使用interval不断向服务器发出ajax调用之外,还有其他方法来更新组件状态吗? 另外,解决此问题的理想方法是什么? ...

2017-10-21 18:09:59 1 774   reactjs
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM