问题标签 [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.
reactjs - Alt.js 的错误并做出反应。不保留状态
我正在使用这个类来显示和过滤列表。这个类也触发一个搜索。
我的问题是 setState 函数似乎不是立即的。
如果我评论这个动作。console.log 将按原样打印状态。如果没有,“搜索”状态将“消失”。
我认为在状态更改之前可能会触发更改事件。但我真的不知道。
我希望我已经说清楚了。如果没有,请随时向我询问更多信息。
javascript - React + Alt:生命周期差距
编辑:查看 git 存储库以获取最小示例: https ://github.com/maximilianschmitt/blind-lifecycle
我有一个组件RequireUser
试图确保用户已登录,否则不会呈现其子级。它的父组件App
应该知道是否需要用户并在需要时呈现登录表单。
问题是,组件在App
组件之后安装RequireUser
在树中,如下所示:
在RequireUser
's中componentDidMount
,我正在触发一个requireLogin
将UserStore
'sloginRequired
变量设置为true
.
这不会更新父组件 ( App
),因为它尚未安装,因此无法注册对存储的更改。
输出:
需要用户吗?错误的
我需要你的用户
如果我使用setTimeout
in RequireUser
,App
接收状态更改并呈现,但仅在闪烁之后:
需要用户吗?真的
我需要你的用户
我觉得我正在做的是一种反模式,我将不胜感激提供比使用 setTimeout 闪烁更优雅的解决方案的建议。谢谢!
reactjs - React Flux (alt.js) - 不从多个商店传递数据
我似乎难以理解有关处理多个商店的文档。这是在我的 APP 组件中...
InventoryActions 没有被“击中”,我的 props.items 中唯一的项目是公司信息。
有谁知道如何纠正这个?
非常感谢!
javascript - 使用 react 将数据报告回父组件的过程是什么?
考虑两个反应组件。一个是表单组件。我自己滚动的另一个花哨的日期选择器。日期选择器应该使其父组件可以使用当前选择的日期。做这个的最好方式是什么?日期选择器是否应该以某种方式报告备份到它的父组件?如果有怎么办?或者更好的解决方案是在我的项目中使用 alt.js 从日期选择器中发布在我的表单组件中更新的操作?
typescript - 如何在 Typescript 中获取泛型参数的类型?
我有这个通量商店课程:
在此视图中使用的是:
这给出了编译错误:
如何将视图的状态设置为实际的Store类,而不是AltStore<Store>
类?即如何获取泛型参数的类型,如下所示:
state: typeof Store<THIS THING>
javascript - 使用 Alt.js 的 connectToStores 时如何避免丢失 React 组件方法?
我正在使用 Alt.js 的 connectToStores 访问组件内的存储状态,但是当我尝试从另一个组件(使用 ref)调用此组件的方法时,该方法似乎由于包装组件而丢失(提供未定义的方法) .
comp_a.js
comp_b.js
有没有办法仍然调用method()?
有什么方法可以访问包装的组件吗?
reactjs - Alt + React - 跟随 alt 教程时的无效动作参考
我正在尝试在我的 React 应用程序中实现 Alt。目前我正在检查它,只是按照教程尝试了一些事情。现在我遇到了商店无法识别动作的问题。
这是动作类:
我尝试在我的商店中绑定这些操作,如下所示:
我一直给我错误
'传入的操作引用无效'
问题出在 bindListeners 函数中。
如果我尝试 bindActions 它说:
'_WishActions2.default.fetchWishes 不是函数'
这是在视图中。WishActions.fetchWishes()
我在这里调用componentDidMount()
我无法理解这里出了什么问题。如果我查看教程和其他示例,这应该可以。
有人可以在这里帮助我,也许可以解释一下出了什么问题?
javascript - ReactJS - store.getState() 未定义
我正在使用 Flux 的 altjs 实现从外部 api 获取数据。api 调用从操作中正常工作,返回到商店,然后在我的组件中触发 onChange() 函数。我尝试从商店的当前状态设置状态:
我收到错误“无法设置未定义的属性‘状态’”
我的商店看起来像这样:
this.state = AppStore.getState() 不会在构造函数中抛出任何错误。它只是在 onChange() 函数中抛出。我应该在这里设置状态的正确方法是什么?
javascript - 反应 CRUD 操作总是使用状态
我正在使用 altjs 作为我的 Flux 实现来构建一个 React 应用程序。当我尝试从前端创建/删除一个项目时,无论我将什么作为参数传递给创建/删除函数,它总是以传递整个状态而告终。
例如:我正在尝试删除 id=1 的项目。我在该项目上单击删除,然后仅将 id 传递给组件中的删除函数。该函数再次调用删除服务并传递 id。一旦到达存储层,它就会拥有组件的整个状态,而不仅仅是传递的 id。
我对 React/Flux 还是很陌生,不知道我做错了什么或者为什么会这样。
主成分删除功能:
此时 id 仍然只是 id。
问题商店:
问题来源:
一旦达到这一点,id 现在就是组件的整个状态,即使只传递了 id。