问题标签 [unstated]

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 投票
1 回答
1137 浏览

javascript - 反应 this.props.children.apply 不是一个函数

我正在制作一个未说明的反应应用程序来管理我的应用程序的状态,该应用程序是一个简单的注释 CRUD。

我有一个 NoteList 组件来呈现笔记列表。这是我在 NoteList 组件中的 render() 函数:

但是,当我加载页面时,出现以下错误:

this6.props.children.apply 不是函数

在 chrome 控制台中,下一个描述是:

上述错误发生在组件中:在Consumer(由Subscribe创建)在Subscribe(在NoteList.js:19)在NoteList(在App.js:160)在Provider(由Consumer创建)在Consumer(由Provider创建)在App 中的提供者(在 App.js:159)(在 src/index.js:7)

我不知道这个错误的根源是什么,如果有人能给我任何帮助,我将不胜感激!

在此先感谢,祝您有美好的一天!

0 投票
1 回答
901 浏览

react-native - 使用 React Navigation 的 React Native 组件中未定义的未声明容器

我的问题是我想访问组件中的容器,但它似乎是未定义的。

未定义的警报图像

我正在使用 Unstated,您可以看到这是我在容器文件 (login-container.js) 中的代码:

这是 app.js:

这将是 login.js:

我之前尝试使用订阅组件将容器注入到我的应用程序中,但我得到了同样的结果。

使用
- react-native 0.58.6
- react-navigation 2.13.0(由于 v3 中的一些错误)
- 未说明的 2.1.1

0 投票
2 回答
189 浏览

react-native - 未声明的基于商店的 React Navigation 导致警告

我在我的 react native 项目中使用 react-navigation 和 Unstated 。

我有一种情况,我想使用:

成功登录后。

问题是我不希望它直接从分配给提交按钮的功能中完成。我想基于全球未说明的商店进行导航。

但是,这意味着我需要使用Subscribe包装器的条件 INSIDE。这就是导致可怕的原因Warning: Cannot update during an existing state transition (such as within 'render').

有用。但是正确的方法是什么?我无法访问MainStore外部,Subscribe因此无法访问render.

0 投票
1 回答
120 浏览

reactjs - 当输入值来自“未说明”的提供者时,光标跳转到结束

我目前面临提供者(来自未说明的库)和输入的问题。在我们的项目中,我们必须在几个组件之间共享输入值,因此我们创建了一个包含这些值的提供程序(带有未说明的库)。由于 withSearchFields 函数,这些值作为道具传递给 SearchForm 组件。

当前的行为是什么?问题是,每次我们要更新任意位置的值时,光标都会跳到输入的末尾。例如,我有“aaaa”,如果我在输入的中间键入许多“b”以得到“aabbbbbaa”,结果将是“aabaabbbb”

预期的行为是什么?光标不会走到最后。

我已经简化了我们的代码并将其添加到 CodeSandbox 中:https ://codesandbox.io/s/n2w9xv090

哪些版本的 React ?16.8.6

谢谢您的帮助 !

0 投票
1 回答
425 浏览

reactjs - 使用 componentDidMount 或从另一个文件调用未说明的函数

我正在尝试创建一个上下文来存储我的应用程序所需的所有信息,下面的代码有效,但我确实有限制,这是Api.js我想要放置所有逻辑和 API 请求/响应的地方。

这个 App.js<Routes /> 是一个基本的反应路由器,路径很少

在组件上,我可以使用上下文,但只能在渲染方法中使用,如下所示:

componentDidMount现在我的目标是在任何组件上实现 aAPIContainer或访问该函数,我尝试使用 props 没有奏效!

请指教

0 投票
1 回答
72 浏览

javascript - 使用 unstated.js 进行解构

我有这个未说明的容器:

而这个利用它的功能:

我想尝试解构<Subscribe>类似这样的参数:

但这打破了Uncaught (in promise) TypeError: this.setState is not a function

显然它没有正确绑定,但我不确定为什么函数的解构会改变它的绑定。任何人都能够提供这样的解释/方式吗?谢谢!

0 投票
2 回答
700 浏览

reactjs - 向“handleSubmit”注入自定义道具/方法的方法?

我正在使用react hook form,我正在寻找一种方法将自定义道具注入到handleSubmit钩子返回的方法中。Consumer我需要这样做的原因是我的组件充当状态库,我想在提交表单后更新状态。我可能还想将道具传递给该方法。

从查看 API 来看,这似乎是不可能的。关于解决方法或如何做到这一点的任何想法?

0 投票
1 回答
45 浏览

reactjs - 使用带有 React Js 的“Unstated”从 API 端点获取数据

我已经开发了一个从 openweathermap.org 获取天气数据的应用程序。该应用程序是使用 redux 和 redux-saga 构建的。现在我必须使用“Unstated”而不是 Redux 来重做状态管理。

WeatherContainer.js 类处理状态:

从 API 端点获取数据的 axios 请求。

我想将从 axios 接收到的数据存储在 WeatherContainer 中的 state.weather 变量中,然后可以在需要时使用 .

0 投票
1 回答
436 浏览

javascript - 如何在 React JS 中访问另一个文件(和函数)的状态?

我正在为我的问题寻找解决方案。我正在使用一个名为 unstated ( https://github.com/GitbookIO/unstated ) 的库。它为 reactjs 应用程序创建了一个全局状态。问题是:我不能在我的函数 Y 中使用在函数 X 上创建的状态。在这种情况下,我在 App.js 中创建了我的状态,并想在我的 DivCheckBox.js 中访问它。

应用程序.js:

函数应用程序(){

函数.js:

0 投票
0 回答
60 浏览

reactjs - 带有 setTimeout 的 setState 操作带回已删除的元素

我正在尝试自己在我的项目中制作 toast 通知,我快到了,但我现在有一个小问题。我设置了我的通知并让它在点击时消失。但后来我添加了 setTimeout 以在 5 秒后从我的状态中删除 toast,但它没有按我预期的那样工作。当有一个通知时,它应该正常工作,但是当有多个通知时,它会删除所有的 toast,然后带回除最后一个之外的所有内容。我认为我在 removeToast 函数中的 setState 操作存在问题。

一个一个删除可以正常工作。

代码:

编辑 inspiring-bose-0u1rb