问题标签 [alt.js]

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 回答
141 浏览

reactjs - Alt.js 的错误并做出反应。不保留状态

我正在使用这个类来显示和过滤列表。这个类也触发一个搜索。

我的问题是 setState 函数似乎不是立即的。

如果我评论这个动作。console.log 将按原样打印状态。如果没有,“搜索”状态将“消失”。

我认为在状态更改之前可能会触发更改事件。但我真的不知道。

我希望我已经说清楚了。如果没有,请随时向我询问更多信息。

0 投票
3 回答
782 浏览

javascript - React + Alt:生命周期差距

编辑:查看 git 存储库以获取最小示例: https ://github.com/maximilianschmitt/blind-lifecycle

我有一个组件RequireUser试图确保用户已登录,否则不会呈现其子级。它的父组件App应该知道是否需要用户并在需要时呈现登录表单。

问题是,组件在App组件之后安装RequireUser在树中,如下所示:

RequireUser's中componentDidMount,我正在触发一个requireLoginUserStore'sloginRequired变量设置为true.

这不会更新父组件 ( App),因为它尚未安装,因此无法注册对存储的更改。

输出:

需要用户吗?错误的

我需要你的用户

如果我使用setTimeoutin RequireUserApp接收状态更改并呈现,但仅在闪烁之后:

需要用户吗?真的

我需要你的用户

我觉得我正在做的是一种反模式,我将不胜感激提供比使用 setTimeout 闪烁更优雅的解决方案的建议。谢谢!

0 投票
1 回答
109 浏览

reactjs - React Flux (alt.js) - 不从多个商店传递数据

我似乎难以理解有关处理多个商店的文档。这是在我的 APP 组件中...

InventoryActions 没有被“击中”,我的 props.items 中唯一的项目是公司信息。

有谁知道如何纠正这个?

非常感谢!

0 投票
1 回答
40 浏览

javascript - 使用 react 将数据报告回父组件的过程是什么?

考虑两个反应组件。一个是表单组件。我自己滚动的另一个花哨的日期选择器。日期选择器应该使其父组件可以使用当前选择的日期。做这个的最好方式是什么?日期选择器是否应该以某种方式报告备份到它的父组件?如果有怎么办?或者更好的解决方案是在我的项目中使用 alt.js 从日期选择器中发布在我的表单组件中更新的操作?

0 投票
1 回答
13677 浏览

typescript - TS2339:类型 {} 上不存在属性

请帮我修复这个编译错误。

您可以在下面看到编译器抱怨第 20 行的Actions对象(为了清楚起见,我在发布之前删除了几行)是 {}: 在此处输入图像描述

但在下面您可以在actions.ts中看到Actions是Actions类型的对象,并且它具有请求的属性(这是一个函数): 在此处输入图像描述

在基础代码中,您可以在 DefinedTyped Alt定义中看到createActions应该返回Actions类型的对象: 在此处输入图像描述

那么为什么 Typescript 会抱怨 Actions 不是 Actions 类型呢?

0 投票
1 回答
1254 浏览

typescript - 如何在 Typescript 中获取泛型参数的类型?

我有这个通量商店课程:

在此视图中使用的是:

这给出了编译错误:

如何将视图的状态设置为实际的Store类,而不是AltStore<Store>类?即如何获取泛型参数的类型,如下所示: state: typeof Store<THIS THING>

0 投票
0 回答
258 浏览

javascript - 使用 Alt.js 的 connectToStores 时如何避免丢失 React 组件方法?

我正在使用 Alt.js 的 connectToStores 访问组件内的存储状态,但是当我尝试从另一个组件(使用 ref)调用此组件的方法时,该方法似乎由于包装组件而丢失(提供未定义的方法) .

comp_a.js

comp_b.js

  1. 有没有办法仍然调用method()

  2. 有什么方法可以访问包装的组件吗?

0 投票
1 回答
823 浏览

reactjs - Alt + React - 跟随 alt 教程时的无效动作参考

我正在尝试在我的 React 应用程序中实现 Alt。目前我正在检查它,只是按照教程尝试了一些事情。现在我遇到了商店无法识别动作的问题。

这是动作类:

我尝试在我的商店中绑定这些操作,如下所示:

我一直给我错误

'传入的操作引用无效'

问题出在 bindListeners 函数中。

如果我尝试 bindActions 它说:

'_WishActions2.default.fetchWishes 不是函数'

这是在视图中。WishActions.fetchWishes()我在这里调用componentDidMount()

我无法理解这里出了什么问题。如果我查看教程和其他示例,这应该可以。

有人可以在这里帮助我,也许可以解释一下出了什么问题?

0 投票
1 回答
2065 浏览

javascript - ReactJS - store.getState() 未定义

我正在使用 Flux 的 altjs 实现从外部 api 获取数据。api 调用从操作中正常工作,返回到商店,然后在我的组件中触发 onChange() 函数。我尝试从商店的当前状态设置状态:

我收到错误“无法设置未定义的属性‘状态’”

我的商店看起来像这样:

this.state = AppStore.getState() 不会在构造函数中抛出任何错误。它只是在 onChange() 函数中抛出。我应该在这里设置状态的正确方法是什么?

0 投票
1 回答
205 浏览

javascript - 反应 CRUD 操作总是使用状态

我正在使用 altjs 作为我的 Flux 实现来构建一个 React 应用程序。当我尝试从前端创建/删除一个项目时,无论我将什么作为参数传递给创建/删除函数,它总是以传递整个状态而告终。

例如:我正在尝试删除 id=1 的项目。我在该项目上单击删除,然后仅将 id 传递给组件中的删除函数。该函数再次调用删除服务并传递 id。一旦到达存储层,它就会拥有组件的整个状态,而不仅仅是传递的 id。

我对 React/Flux 还是很陌生,不知道我做错了什么或者为什么会这样。

主成分删除功能:

此时 id 仍然只是 id。

问题商店:

问题来源:

一旦达到这一点,id 现在就是组件的整个状态,即使只传递了 id。