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

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

如果关闭模式,则无法触发对呈现项目列表的组件的更改。 我考虑过将异步调用的结果添加到状态中,该调用是使用redux作为导致重新渲染的一种方法,该状态是列表项。 但是,我所连接的客户端并没有提供项目所需的所有属性(作为Typescript界面​​的一部分)。 因此,此方法无效。 强制重新渲染到显示列表的组件的另一种方法。 但是再次,我真的无法想到一种可行的方式以及如何触发componentDidUpdate挂钩。

#1楼 票数:0

如果(服务器支持webSockets ){

使用webSockets ;

}其他{

使用socket.io ;

}

  ask by Gideon Pinto translate from so

未解决问题?本站智能推荐:

2回复

如何根据 React 中另一个组件的更改更新组件

有两个组件之间没有父子或兄弟关系。 其中一个构建工具栏,另一个包含颜色选择器。 这个想法是根据颜色选择器中设置的值更改工具栏的颜色。 到目前为止,这是我的代码: 在上面的文件中,ChromePicker 用于选择颜色并将其值保存在this.state.background 。 我正在使用该值
1回复

Redux 存储更改后 React 组件不会更新

这些是我的类和组件: 应用程序.js: 主要.js: 减速器.js: 动作.js: 登录.js: 当我在Login.js调用submitHandler并且表单为空时,它会调用一个操作来更改 redux 存储并且Login.js组件必须更新并且InlieAlert组件必须出现在屏
1回复

React组件未根据Redux状态存储中对映射(数据结构)的更改进行更新

我有一个存储在redux状态存储中的映射和一个react组件,该组件呈现了我存储在该映射中的值。 现在,当我从该地图添加/删除值时,我的react组件不会使用最新更改来更新自身。 注意:我看到我们可以使用mobX模块来监听映射(或数组以外的其他数据结构)中的更改,但是我不想使用另一个模块
1回复

React / Redux-尽管Redux状态更改,但组件未更新

我正在尝试更新我的应用程序中的地图组件。 我从redux收到了位置详细信息,并且可以在Redux Dev Tools甚至在我的浏览器控制台上看到状态更改,但是除非我转到另一条路线然后返回到包含该组件的路线,否则地图组件似乎不会更新。 我已经阅读过有关Redux需要状态不可变的信息,并且我
1回复

状态更改后,React-Redux连接的组件不会更新

我正在尝试使用React-Redux。 我遇到一种情况,一个连接的组件( Coordinates.jsx )嵌套在另一个连接的组件( Canvas.jsx )中。 源代码https://github.com/RinatRezyapov/Vault-13.git (安装纱线,然后启动纱线)
1回复

为什么更新存储后组件不更改(React-Redux)

我有一个component ,更新store后不会更改数据 class RenderComments extends Component { commentsParse() { return this.props.comments.map((comment) => { if
3回复

React / Redux处理Reducer中的API服务器错误以显示在UI上

我创建了一个上传器来上传CSV文件,该文件会转换为json并发送到API。 如果数据无效,API会进行验证,并且会返回我在调试器中看到的响应: 我的UI输出一条通用消息,表明减速器存在如下所示的问题: 我希望我的reducers uploadError句柄能够返回API e
1回复

如何优化React + Redux中嵌套组件的道具的小更新?

示例代码: https : //github.com/d6u/example-redux-update-nested-props/blob/master/one-connect/index.js 观看现场演示: http : //d6u.github.io/example-redux-up