问题标签 [fluxible]

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 投票
0 回答
167 浏览

javascript - 在fluxible中,如何在页面刷新时将登录的会话信息保持在用户存储中

我在使用 Fluxible 刷新页面时将经过身份验证的会话持久化到 UserStore 时遇到问题。就我而言,我在登录时更新了用户存储,当他们在页面周围单击时一切都很好-但是如果他们刷新页面-它会丢失用户存储状态-我看到水合物/再水合物没有在页面刷新时触发-在这种情况下应该在用户存储上触发吗?

在这种情况下,我应该如何初始化/注入服务器端 req.session 到用户存储,以便在浏览器刷新时加载具有正确登录用户状态的用户存储?

在 client.js 中

我应该以某种方式在 client.js 中触发用户存储/状态的补液吗?

0 投票
1 回答
905 浏览

reactjs - React路由器获取组件外部的当前路由

我现在将fluxible与react-router一起使用,我想执行操作,然后在回调后重定向。

在动作中,动作上下文没有路由器,动作后改变路由失败。

我试图找到示例,但只能使用 browserHistory 找到。

我现在可以推送 browserHistory 但不知何故我找不到当前路径。(因为我的新路径取决于当前路径/:id/profile,然后我想重定向到/:id/details/:version),所以我需要在附加之前取回/:id/details版本)。

  1. 如何在没有路由器实例的情况下只能访问动作上下文的动作中找到当前路由?

  2. 有时我的反应路由器在服务器端工作,但不在客户端。它会在我刷新页面时显示,但仅在客户端时显示 404。(我猜是因为我使用的是相对链接)

反应路由器是否支持中的相对链接?

  1. 无状态组件中如何传递参数和路由器?在无状态组件中,我只能访问 props 而不能访问上下文。所以我无法访问路由器或参数?我想利用参数并与带有id的绝对路径链接。

谢谢

0 投票
1 回答
28 浏览

side-effects - Fluxible 的副作用?

这就是我想要做的——将一个监听器添加到一个fluxible事件中来做一个ajax调用。在 Redux 中,这被称为副作用,并且有几种方法可以做到这一点(例如:使用创建“副作用” redux-saga,它们只是做事的侦听器)。在 Flux 中,一种方法是在 Store 中做副作用。

流动性怎么样?

据我所知,做到这一点的方法是在商店中。但我看不到获取上下文的方法。那么也许还有另一种方法可以做到这一点?

0 投票
1 回答
105 浏览

reactjs - 反应 Js 性能

我正在使用反应(V0.13.3),通量(V2.0.3)

我有一个包含许多内部组件的组件。

当内部组件更新时,浏览器正在关闭。我无法滚动点击,有时我会弹出一条消息:

您想停止无响应的脚本吗?

我正在关注所有 React 生命周期方法并实现该shouldComponentUpdate方法。

我认为 DOM Diffing 占用了分配给浏览器的大量 CPU 时间和 RAM。

关于我为什么会遇到这个问题以及如何摆脱它的任何想法?

0 投票
1 回答
577 浏览

javascript - 即使缺少道具,如何使我的 React 子组件呈现

TLDR;即使 this.props 的属性丢失,我也需要能够在 React 中渲染子组件。

我有一个使用Yahoo 的 Flxubile构建的 React 应用程序。该应用程序使用 WP REST API 从 Wordpress 站点获取数据。有时可能会丢失图像或 API 中的其他内容,这会导致客户端中断。这是一个例子:

我有一个名为 Articles.js 的文件,它连接到保存我的文章的 ArticlesStore。然后,我为我拥有的每篇文章渲染一个 Article.js,并像这样传递道具:

这里一切正常,但是在我的 Article.js 中,当我尝试访问未设置的属性时,我得到以下信息:

未捕获的类型错误:无法读取未定义的属性“大小”

这是导致错误的行:

当文章中缺少图像时会发生这种情况。我当然理解 javascript 错误,但如果 API/Store 中缺少图像 url,我想呈现 Article.js 组件事件。我尝试了以下解决方案,但它会导致太多混乱且无法控制:

  1. 如果我们有 prop 即 {this.props.article.meta_fields.image ? this.props.article.meta_fields.image.sizes.large :“imagemissing.png”}
  2. 设置默认属性。这不起作用,因为从父级传递到子级的属性会覆盖 defaultProps。

也许除了将道具从父母传给孩子之外,我应该尝试其他方法?有一个 ArticleStore,我可以在其中为每篇文章设置默认值吗?你会怎么做?

0 投票
1 回答
25 浏览

javascript - 路线改变时未触发可熔再水合物方法

每次路由器更改都会fluxible app.rehydrate调用吗?

app.rehydrate在整个 Fluxible 应用程序生命周期中什么时候被调用?

0 投票
1 回答
104 浏览

javascript - Fluxible-router 重定向从一条路由到另一条路由

我们在fluxible-router中有两条路由。我需要如果访问 legacyDek 路线,那么在完成操作后,它将重定向到甲板路线。

重定向本身确实可以正常工作,但是 url 行保持不变。有人可以解释一下 - 为什么会这样以及如何完全重定向?

0 投票
1 回答
50 浏览

reactjs - 如何通过组件中的 Fluxible 路由器获取传递的参数 id?

我有以下路线配置。dynamicPost: { path: '/posts/:postId', method: 'get', page: 'Post', title: 'Post', handler: SinglePost } 如何在我的组件中获取帖子 ID?

0 投票
0 回答
230 浏览

laravel - ReactJS 不渲染到页面

我正在尝试使用 Laravel、React 和 Fluxible 启动一个应用程序。

我有:

入口.js

/containers/App.js

webpack.mix.js

主页.php

但是什么都没有被渲染,我哪里出错了?

0 投票
1 回答
46 浏览

javascript - 如何在基于函数的组件中使用 this.executeAction("someAction")?

我有一个基于类的组件,我在其中通过操作调用 redux 存储。

我想知道功能组件中的替代方案是什么。Ps:-我不确定它是否是某个图书馆。