MobX ReactJS AntD更新不会重新呈现

文章/答案/技术大牛

发布

1回答

reactjs、mobx、mobx-react、react-state-management

因此，我正在尝试使用ReactJS和MobX更改AntD表中的一些表数据。我的MobX可观察到的数据发生了变化，但是表不会重新呈现更新，直到我说...调整页面大小，表格将重新呈现。我在CodeSandbox上重新创建了我的问题-它不是确切的数据类型，但这正是我遇到的问题，你有什么想法？https://codesandbox.io/s/remove-items-

浏览 31提问于2020-10-24得票数 1

回答已采纳

1回答

如何在持久的NextJS响应音频播放器组件中捕获Mobx可观察的更新？

javascript、reactjs、next.js、mobx、server-side-rendering

我有一个服务器端呈现音频播放器反应应用程序。使用，我有一个持久的AudioPlayer组件，在这个组件中，每当mobx存储中的@observable playerData = {}发生变化时，我都要调用一个this.play(mp3url)函数。我已经成功地点击了我的应用程序中的其他组件，随时更新playerData。但是我无法在我的AudioPlayer组件中检测到这些更新，所以我可以设置它的状态并调用this.play(mp3url)来开始播放音频。ReactPlayer {/* ...re

浏览 1提问于2019-10-05得票数 1

回答已采纳

1回答

当路由改变时，MobX +将路由器4+@与路由器进行重新呈现

reactjs、mobx、react-router-v4、mobx-react、react-router-dom

Route component={NotFound} /> </div> }当路由位置更改NavBar和标头组件时，总是用相同的道具重新呈现(没有任何状态更新)。route当路由改变时，perf显示了许多浪费的呈现(没有道具/状态更新)。NavBar包括链接和一些MobX状态(NavBar仅用@observer+@inject包装) 标头只是一个无

浏览 8提问于2017-07-07得票数 3

1回答

为什么react jss风格的函数没有在mobx商店更新上执行？

javascript、reactjs、mobx、mobx-react、jss

我正在使用mobx-react，与react-jss库一起进行造型设计. 我首先使用react jss的injectSheet方法注入样式，然后使用mobx存储注入。以这种方式，存储可以作为样式规则的支持(这是在支柱更新上动态更新样式所必需的)，在存储更新时，组件正在重新呈现，但样式函数没有执行。我尝试使用mobx

浏览 0提问于2018-04-10得票数 0

1回答

MobX更改但不重命名组件

reactjs、popup、antd、mobx

我想打开和关闭使用MobX商店的and Modal组件。我有下面的代码，这里有一个指向代码框的链接 return useContext(StoreContext);我声明商店的单独文件 };The Menu.tsx import React from "react&quo

浏览 3提问于2022-06-09得票数 1

回答已采纳

1回答

将连接到现有websocket的js代码转换为react js应用程序

javascript、reactjs

我希望得到的最重要的改进是在断开连接时重新连接，并在客户端断开连接时显示。有什么提示/帮助吗？

浏览 1提问于2020-03-14得票数 0

1回答

如何使用React上下文准确且仅在我需要的地方获取路由器？

reactjs、react-router、mobx、mobx-react

我已经阅读了react-router中的“处理更新阻塞”文档。为什么这是必要的？这意味着我需要保守地将withRouter添加到每个组件中，因为我通常无法预测哪些组件会有需要路由器的后代。

浏览 2提问于2018-08-22得票数 1

2回答

MobX:观察到的组件在可观察到的变化后不会改变

javascript、reactjs、react-native、mobx、mobx-react

我在Reactinative中有一个基本的MobX设置，但是在可观察到的更新之后，我的组件不会重发，而且我似乎不知道为什么。反应-原生0.56.1；反应16.4.1；mobx 4.5.0；mobx-反应5.2.8class AppStore { toggleDrawer = (

浏览 1提问于2018-10-14得票数 3

回答已采纳

1回答

任何让React表示组件对MobX存储更改做出反应的方法

mobx、mobx-react

function MaterialTable<RowType>(props: MaterialTableProps<RowType>) {}当我在我的应用程序中使用这个组件时，我为它提供了一个基于MobX的TableStore。我希望只要基于MobX的存储发生变化，表组件就会重新呈现： <MaterialTable tableStore={orderS

浏览 8提问于2019-07-30得票数 1

回答已采纳

2回答

MobX:避免在视图中不使用对象键时触发重呈现。

javascript、reactjs、react-native、mobx、mobx-react

这些更改被发送到远程服务器，一旦请求返回，"updateTs“就会被更新。这会导致UI jank，因为它会消耗JS CPU时间来重新计算虚拟dom并对其进行区分(列表非常大)。有可能避免第二次重放吗？

浏览 1提问于2019-06-04得票数 3

1回答

存储更改不会在组件中重新呈现计算函数。

javascript、reactjs、mobx、mobx-react

我在从组件中看到变化的React/MobX上有问题。我要说的是：存储:用于管理存储的类(表中列的可见性)，got @ store。每当我单击列表中的任何按钮元素时，它都会更改状态(存储正在更改)，但是按钮组件不会重新呈现，因此我将它的值视为旧的。手动重新呈现(更改显示按钮状态的两倍)之后，列表将正确呈现，直到我再次单击。问题是我的'mobx/lib/mobx‘自动为mobx</em

浏览 1提问于2018-07-27得票数 0

1回答

React Native -全局布尔值没有更新吗？

reactjs、react-native、react-redux、global

好吧，我在这里读到了类似的问题，但我不明白为什么我的动态全局变量在两个文件中显示了两个不同的值/没有更新。我在文件1中声明了一个全局布尔值，如下所示，位于此文件中导出的组件之上。我不会导出这个全局变量： global.isinLongPress = false; //this如何不断地获取此全局变量的更新值？

浏览 28提问于2020-10-09得票数 0

2回答

当mobx中真正需要“action”/“runInAction”时，请做出反应

reactjs、mobx、mobx-react

有谁能向我解释一下真正的区别是什么，以及为什么这里的两个例子都是一样的：colorStore文件：color='red' setColor(){}React组件文件：

浏览 1提问于2020-04-06得票数 3

回答已采纳

1回答

我是否可以完全摆脱useCallback和useMemo与MobX的反应？

reactjs、mobx、mobx-react-lite

据我所知，这些钩子是必需的，以避免不必要的重新呈现组件，因为react是检查引用相等。另外，我认为useContext不应该用于频繁的更新<

浏览 3提问于2020-10-04得票数 0

回答已采纳

1回答

在表渲染ReactJS之前加载API数据

javascript、reactjs、mobx、react-component、react-state

我使用MobX来控制我的ReactJS状态/组件，我还通过MobX使用异步调用来检索数据，这通常是通过componentDidMount()在我的头中调用的。因为我现在完全是在没有编程教育背景的情况下自己学习/编码) import React from 'react';import { inject, observer } from '

浏览 9提问于2020-10-30得票数 0

0回答

React + MobX* -不重新呈现状态更新*

meteor、reactjs、reactive-programming、observable、mobx

我已经设置了一个新的示例/样板项目，用于使用Meteor和React & MobX (使用Mantra架构)进行测试。该项目位于到一个主可观察对象中：此操作将更新状态：控制台正在注销正确的状态更改，因此状态正在正确更新。但是，组件不会使用<e

浏览 5提问于2016-07-03得票数 1

回答已采纳

1回答

使用Socket IO从数据库获取数据时使用哪种生命周期方法

javascript、node.js、reactjs、socket.io

我将数据存储在数据库中，每当它更新时，它就会向客户端发送一个事件。我该怎么做？("remainingnotes", function(data) { }); 我尝试

浏览 2提问于2017-07-20得票数 0

回答已采纳

1回答

有没有办法使用Ant Design Forms的标准属性来更改错误消息的呈现位置？

css、reactjs、forms、antd

我想重新定位我的错误消息，这样它们就会呈现在输入的右侧，这样就不会移动我的布局。是否可以使用Antd表单(我使用的是Antd forms和3.X)？它们呈现的标准方式低于输入。

浏览 93提问于2021-01-09得票数 0

2回答

为什么跨度值没有与react.js中的输入绑定？

reactjs、antd

/Avatar.less'; console.log(typed

浏览 2提问于2016-08-08得票数 1

1回答

在按每个用户ID映射和获取用户详细信息时，API未正确获取用户的数据

node.js、reactjs、api、mapping、axios

我有一个对象数组，每个元素都有一个创建特定元素的用户的user-id。现在在React中，我正在映射数组以显示详细信息。在映射之前，我通过"axios.get“调用一个API，它获取用户id并返回用户详细信息。问题是API返回的用户详细信息没有正确加载。我正在映射提要的位置：方法来调用API并获取用户详细信息。posted_by是一个全局变量。

浏览 2提问于2019-04-14得票数 0

点击加载更多