问题标签 [recoiljs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2465 浏览

javascript - 如何将 API 调用的结果设置为 Recoil atom 的默认值?

我正在尝试将 RecoilJS 中原子的默认值设置为异步 API 调用的值。我这样做是为了当某个 React 组件呈现时,它将拥有数据库中的所有当前集合,而无需调用 useEffect()。这是我的代码...

这是我得到的错误......

我采用的方法是否存在根本性错误?我应该以另一种方式完成吗?我做错了什么,还是这只是 Recoil 的一个损坏功能?

0 投票
0 回答
1181 浏览

reactjs - 在 React-Recoil 中将对象添加到嵌套数组

我正在尝试将对象更新为嵌套数组,当我尝试使用 React Hooks 时,下面的代码运行良好,使用 useState 来更新状态。

然后我尝试添加一个名为 Recoil 的状态管理库,这是一个来自 Facebook 的新库,它超级简单,行为类似于 Hooks。

但是在我更改了代码添加了一些 Recoil 代码后,比如 atom,useRecoilState,向嵌套数组添加一个新对象就停止了工作。

我尝试了几种不同的方法来解决这个问题并找到其他解决方案,但效果不佳。

有谁知道如何解决这个问题?您可以检查下面的代码和代码框链接。

https://codesandbox.io/s/nested-arrays-qrw95?file=/src/App.js:0-1547

0 投票
3 回答
4714 浏览

javascript - 刷新页面时,反冲不持久状态

我对 React 后坐力有一些状态,但是每当手动刷新页面时,都会重置后坐力状态。

这是正常行为吗,因为我知道其他状态管理库喜欢flux并且react-redux会这样做。

将其保存到浏览器中是否是最佳实践localStorage(因为 localStorage 也是一个同步 api,所以这肯定也会导致一些问题。)

即使它是一个相当新的库,是否有某种方法可以在手动页面刷新时保持状态?

0 投票
1 回答
1474 浏览

javascript - React Recoil 状态未正确重置

我有一些反冲状态,我想重置。

我已经完成了功能,我想像这样重置所有状态。我都尝试过使用和不使用重置功能。

当我检查状态时,它没有被重置。是因为库中的“useResetRecoilState”不能正常工作,没有正确实现,还是有其他问题。

我可以只使用常规useRecoilState钩子,并将状态设置回默认值。

有人知道为什么会这样吗?

0 投票
1 回答
252 浏览

reactjs - 在自定义 NPM 组件中使用反冲

我正在尝试在自定义 npm 组件中使用反冲,以便我可以在应用程序中发布和使用它,但使用时出现如下错误:

我正在使用以下rollupjs来构建包:

rollup.config.js

.babelrc

src/index.js

在应用程序中,发布的组件使用如下:

应用程序.js

请帮助解决这个问题。我是新来的js。提前致谢。

注意:我正在yarn link使用该包

0 投票
1 回答
951 浏览

javascript - 使用 React Recoil 时弹出错误

我只是想学习 React Recoil。并遇到以下问题。

错误:元素类型无效:需要一个字符串(对于内置组件)或一个类/函数(对于复合组件)但得到:对象

只需按照本文中提到的步骤 https://blog.logrocket.com/simple-state-management-recoil/

尝试了以下溢出帖子中提到的任何内容 https://blog.logrocket.com/simple-state-management-recoil/ 不走运!

问题:错误:元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象。

0 投票
2 回答
982 浏览

reactjs - React Recoil useRecoilValue 正在返回一个空原子

我在从全局原子中获取值时遇到问题。我有 index.js routes.js,然后在组件中我有一个主页和一个拼贴页面。主页是狗名列表和每个狗的图像。用户将选择一只狗,然后用这个值设置原子。这一切都在主页中正常工作。但是,当我从拼贴页面调用原子上的 getRecoilValue 时,调用会不断返回一个空原子。

原子/选择器在 atom.js 中存储和导出

反冲根在 index.js 中。就像我说的那样,Recoil 在主页上工作得很好。为什么它在拼贴页面上不起作用?

index.js

路由.js

主页.js

Collage.js

atom.js

0 投票
1 回答
293 浏览

recoiljs - 将类实例存储在反冲中

我们正在尝试将类实例存储为原子状态值。当我们获得想要复制的状态值时,然后通过调用其上的方法来改变对象。代码看起来像这样:

这里的问题是这样做会导致 TypeScript 错误,例如

似乎从 接收到的配置值useRecoilState不是该类的正常实例。我怎样才能解决这个问题?

0 投票
1 回答
304 浏览

reactjs - recoil__WEBPACK_IMPORTED_MODULE_0___default(...) 不是函数

我正在写这个简单的原子

recoil__WEBPACK_IMPORTED_MODULE_0___default(...) is not a function然后当我尝试使用该原子时出现此错误

更新:当我更新到 0.0.13 时,我得到了这个错误Object(...) is not a function

0 投票
1 回答
877 浏览

react-native - Recoil - 如何使用 socket.io 正确更新 atom

我必须更新 React 组件之外的原子(我不能使用钩子)。为了在我的订阅 React 组件中使用 useRecoilState 等钩子获取更新的值,正确的方法是什么?