mobx 相关问题

JavaScript中的功能反应式编程库。

我需要如何编写周期性计时器来使用 Mobx 测试与服务器的连接？

我想用Mobx编写ReactionBuilder，它将定期检查与我的服务器的连接，如果没有连接则发出新的请求来连接它。我怎样才能正确地做到这一点？我哈...

flutter dart mobx

回答 1 投票 0

React/Mobx 无法覆盖 Props 设置的默认值

这可能是“基本（缺乏）理解”问题之一。我正在进入 React，并致力于我的第一个主要应用程序，并且遇到了一个问题。本质上是...

reactjs typescript mobx mobx-react

回答 1 投票 0

使用mobX全功能组件

我刚刚学习了react和react-native 3个月了，我对函数式组件非常熟悉，从一切开始，因为从第一步开始，我已经在函数中写了一个“hello world”...

javascript reactjs react-native mobx

回答 1 投票 0

MobX React - 更新对象数组的单个索引会重新渲染所有子对象

我有一个 mobx 对象存储，这些对象显示在列表视图中，并在存储值上有一个地图，如下所示： {ObjectStore.objects.map((obj, 索引) => 我有一个 mobx 对象存储，这些对象显示在列表视图中，并在存储值上有一个地图，如下所示： {ObjectStore.objects.map((obj, index) => <ObjectItem key={obj.id} obj={obj} objIndex={index} ...unrelated UI Pros /> )} 在 ObjectItem 中有一个 onClick 处理程序，它向该特定对象添加一些新内容： const handleClick = () => { ObjectStore.updateObjectbyIdx(objIndex, newData) } 在商店 updateObjectbyIdx (index, data) { this.objects[index] = { ...this.objects[index], ...data} } 两个 React 组件都包装在观察者中。当句柄单击运行时，它会导致父容器重新呈现，然后所有 ObjectItem 组件重新呈现，即使附加数据仅通过索引添加到单个项目。最初我完全避免使用索引并使用地图更新它，如下所示： updateObjectbyId (id, data) { this.objects = this.objects.map(obj => obj.id === id ? { ...obj, ...data} : obj }) } 但我假设由于这是创建一个新的数组引用，因此父容器观察ObjectStore.objects重新渲染。切换到索引让我期望父级不会重新渲染，因为主数组引用仍然存在，并且由于我在最新点解构了值，因此只有单个 ObjectItem 会重新渲染。我最终确实让它发挥作用： updateObjectbyIdx (index, data) { Object.keys(data).forEach(dataKey => { this.objects[index][dataKey] = data.dataKey } } 但是，当我只想更新数组中单个对象中的数据时，这似乎是一个奇怪的解决方法。这样做： updateObjectbyIdx (index, data) { this.objects[index] = { ...this.objects[index], ...data} } 您还更新了对该对象的引用，并且由于父组件使用该对象，它将重新渲染。您可以这样做 Object.assign：，而不是最后一个解决方案（实际上，这是正确且很好的） updateObjectbyIdx (index, data) { Object.assign(this.objects[index], data) } 这将保留引用并仅更新属性。只需记住深层嵌套的属性、对象、数组即可。要处理它们，您最好使用某种 mergeDeep 函数，Object.assign 不会进行合并，它基本上会覆盖您在自定义循环中所做的所有内容。

reactjs observable mobx mobx-react

回答 1 投票 0

MobX 或 SWR 突变中状态更新的部分组件渲染

问题：当更新 MobX 中的状态或调用 SWR 中的突变时，所有组件都将被重新渲染，尽管我只想更新一个元素。示例代码：在 React 沙箱中，渲染

reactjs next.js rendering mobx swr

回答 1 投票 0

我使用 mobx 的代码不会更新状态

我有一个简单的代码，我是 mobx 的新手，它在上下文中更容易，但我必须使用 mobx ：从“mobx”导入{makeAutoObservable}；从“../Books/Books.repository...

reactjs mobx

回答 1 投票 0

Mobx - runInAction() 用法。为什么我们需要它？

为什么我们需要 runInAction 方法以及它到底是如何工作的？有人可以向我解释 runInAction 功能吗？