问题标签 [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 投票
1 回答
1719 浏览

javascript - 为什么 Twitter Typeahead 不适用于 React js?

我目前在我的 React 项目中使用 Twitter Typeahead,我想显示基于 Typeahead 的建议,但我无法让它工作。

在我的代码下面:

根据我的代码,我需要添加或更改什么才能在我的项目上获得自动完成和建议。非常感谢您的宝贵建议和帮助。

0 投票
2 回答
823 浏览

javascript - 尝试将 React-DateRangePicker 集成到 React 项目中时出错

目前正在使用 ReactJs 和 Fluxible 架构构建 Web 应用程序。在尝试将 React-daterangepicker 模块集成到我的项目中时,我遇到了以下错误,我无法追踪其来源。

这是我的 DatePicker 组件,我遵循了 github 演示并完成了完全相同的步骤。

什么可能导致此错误?谷歌搜索没有结果,过去几个小时我一直在努力解决它。

0 投票
0 回答
572 浏览

reactjs - 使用使用 connectToStores 的 Jest 测试 React 组件

我在测试使用 connectToStores 的 React 组件时遇到了问题——我真的只需要确保在对我的组件执行某个用户操作(点击)时,我的上下文会执行正确的操作。

简化的示例组件:

简化测试:

当我尝试运行此测试时,我看到以下错误jest

有什么想法我可能做错了吗?

0 投票
2 回答
444 浏览

javascript - Reactjs,这是未定义的

我实际上正在尝试使用商店和操作开发一个简单的应用程序,并使用fluxible 对组件做出反应,但我遇到了一个问题。

事实上,在我的组件方法 add() 中,“this”是未定义的......

我不知道是什么问题...

这是我的组件:

从“反应”导入反应;

0 投票
1 回答
381 浏览

javascript - Reactjs 通过 Fluxible 从商店获取事件

嗨,我实际上正在尝试使用flux、reactjs 和fluxible 开发一些小应用程序,并且在处理商店时遇到了问题。

实际上,我可以通过操作将信息发送到我的商店,但我不知道如何在我的组件内部的商店中接收 this.emitChange 的结果以刷新屏幕。

我应该在我的组件中添加什么来刷新我的列表?

这是我的组件:

这是我的商店

更新

this.setState 应用不好

0 投票
1 回答
2215 浏览

javascript - Reactjs,this.context 在构造方法中未定义

我实际上是在尝试开发一个与列表相对应的简单组件,当我按下按钮时,我又填充了一个项目。

我的问题是我使用 ES6,所以我不使用 getInitialState,我使用构造函数进行初始化,就像文档中解释的那样。

我的问题是,现在 this.context 在我的构造函数中未定义,我无法直接在构造函数中获取我的第一次数组(或预加载的数组):

我只想在构造函数中预加载数组,即使它是否为空,这正是我的商店返回的内容:

从 'fluxible/addons/BaseStore' 导入 BaseStore;

谢谢你的帮助

0 投票
0 回答
242 浏览

javascript - 将 Bootstrap 与同构 reactjs 一起使用

我实际上正在开发一些带有fluxible的小组件,以了解更多同构的javascript和反应组件。

但是,我想知道如何在这种同构应用程序上使用标准的 twitter 引导程序?

我真的不想首先使用 CDN,只是为了了解我应该做什么操作。但我不知道如何在客户端和服务器端引用。

0 投票
1 回答
498 浏览

javascript - Reactjs、父组件、状态和道具

我实际上正在学习 reactjs,而且我实际上正在开发一个小 TODO 列表,包裹在一个名为 TODO 的“父组件”中。

在这个父组件内部,我想从相关存储中获取 TODO 的当前状态,然后将此状态作为属性传递给子组件。

问题是我不知道在哪里初始化我的父状态值。

事实上,我使用的是 ES6 语法,所以我没有 getInitialState() 函数。在文档中写到我应该使用组件构造函数来初始化这些状态值。

事实是,如果我想在构造函数中初始化状态,this.context(Fluxible Context)实际上是未定义的。

我决定将初始化移到 componentDidMount 内部,但这似乎是一种反模式,我需要另一种解决方案。你能帮助我吗 ?

这是我的实际代码:

0 投票
1 回答
58 浏览

javascript - 具有变化视图的 Reactjs 组件

我实际上正在使用 Fluxible 和 Reactjs 开发应用程序。

我需要在这个应用程序内部(已经使用路由器)在父组件内部创建动态子路由。

事实上,我的组件是全球规划经理。我们可以查看每日、每周、每月等任务。

这意味着我有多个组件可以在父组件内部相互替换,可以是 .

所以我想知道我们是否可以使用“内部组件路由器”之类的东西。我的意思是这个路由器应该只在相关组件内部工作,就像只改变父组件 Planning 的内部组件一样。

0 投票
2 回答
397 浏览

javascript - 灵活路由参数路由

我实际上正在使用 Fuxible 和 Reactjs 开发一个应用程序,但我遇到了一个问题。

事实上,我需要在 ./configs/routes.js 中创建一个不在顶部菜单栏中的路由。

我需要使用 :id 等参数访问这条路线。

这是我使用的标准路线:

我需要做的是:

但是没有将其添加到顶部导航栏菜单(由 Fluxible 自动生成)

实际上,我在 url 中有 :id 的事实给我带来了一个像这样的奇怪错误:

NavLink 创建时没有 href 或无法解析的 routeName 'detail'

我该如何进行?