问题标签 [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.
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)
我不知道这个错误的根源是什么,如果有人能给我任何帮助,我将不胜感激!
在此先感谢,祝您有美好的一天!
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
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
.
reactjs - 当输入值来自“未说明”的提供者时,光标跳转到结束
我目前面临提供者(来自未说明的库)和输入的问题。在我们的项目中,我们必须在几个组件之间共享输入值,因此我们创建了一个包含这些值的提供程序(带有未说明的库)。由于 withSearchFields 函数,这些值作为道具传递给 SearchForm 组件。
当前的行为是什么?问题是,每次我们要更新任意位置的值时,光标都会跳到输入的末尾。例如,我有“aaaa”,如果我在输入的中间键入许多“b”以得到“aabbbbbaa”,结果将是“aabaabbbb”
预期的行为是什么?光标不会走到最后。
我已经简化了我们的代码并将其添加到 CodeSandbox 中:https ://codesandbox.io/s/n2w9xv090
哪些版本的 React ?16.8.6
谢谢您的帮助 !
reactjs - 使用 componentDidMount 或从另一个文件调用未说明的函数
我正在尝试创建一个上下文来存储我的应用程序所需的所有信息,下面的代码有效,但我确实有限制,这是Api.js
我想要放置所有逻辑和 API 请求/响应的地方。
这个 App.js
<Routes />
是一个基本的反应路由器,路径很少
在组件上,我可以使用上下文,但只能在渲染方法中使用,如下所示:
componentDidMount
现在我的目标是在任何组件上实现 aAPIContainer
或访问该函数,我尝试使用 props 没有奏效!
请指教
javascript - 使用 unstated.js 进行解构
我有这个未说明的容器:
而这个利用它的功能:
我想尝试解构<Subscribe>
类似这样的参数:
但这打破了Uncaught (in promise) TypeError: this.setState is not a function
显然它没有正确绑定,但我不确定为什么函数的解构会改变它的绑定。任何人都能够提供这样的解释/方式吗?谢谢!
reactjs - 向“handleSubmit”注入自定义道具/方法的方法?
我正在使用react hook form,我正在寻找一种方法将自定义道具注入到handleSubmit
钩子返回的方法中。Consumer
我需要这样做的原因是我的组件充当状态库,我想在提交表单后更新状态。我可能还想将道具传递给该方法。
从查看 API 来看,这似乎是不可能的。关于解决方法或如何做到这一点的任何想法?
reactjs - 使用带有 React Js 的“Unstated”从 API 端点获取数据
我已经开发了一个从 openweathermap.org 获取天气数据的应用程序。该应用程序是使用 redux 和 redux-saga 构建的。现在我必须使用“Unstated”而不是 Redux 来重做状态管理。
WeatherContainer.js 类处理状态:
从 API 端点获取数据的 axios 请求。
我想将从 axios 接收到的数据存储在 WeatherContainer 中的 state.weather 变量中,然后可以在需要时使用 .
javascript - 如何在 React JS 中访问另一个文件(和函数)的状态?
我正在为我的问题寻找解决方案。我正在使用一个名为 unstated ( https://github.com/GitbookIO/unstated ) 的库。它为 reactjs 应用程序创建了一个全局状态。问题是:我不能在我的函数 Y 中使用在函数 X 上创建的状态。在这种情况下,我在 App.js 中创建了我的状态,并想在我的 DivCheckBox.js 中访问它。
应用程序.js:
函数应用程序(){
函数.js: