问题标签 [fluxible]

我有一个输入组件，它获取 url 作为输入并解析它（resolve=get 以某种方式预览该 url）：

如您所见，UrlResolver 等待 ResolverStore 上的更改。当输入发生变化时，可能会发生这种变化。我的问题是当我有 10 个 UrlResolvers 时。在这种情况下，对一个输入的任何更改都会更改 ResolverStore，这将触发 10 个不同的事件，因此 10 个不同的 setStates 将导致 10 次重新渲染。所有这一切，而只有一个输入应处理此更改。这样 9 个组件也会添加一个不属于它们的解析数据。

这种需求的解决方案是什么？

我正在开发一个与fluxible一起使用的最小应用程序。几乎一切似乎都清楚，但只有一件事：脱水和再水合状态的概念。

我知道这是在客户端和服务器之间同步存储所需要的，但我不知道为什么。这条线对我来说很不清楚：

在 server.js ( https://github.com/yahoo/fluxible/tree/master/examples/react-router )

如果你能用“更简单的词”告诉我这意味着什么，我将不胜感激。

我的应用程序是一个 Fluxible / React 应用程序。

我有以下试图测试 LoginForm 的规范。嵌入式组件已使用重新布线进行存根。我引用了 http://fluxible.io/api/components.html#testing。

它（“渲染”）通过的第一个规范。但是，当我尝试按照注释代码中所示进行更多测试时，测试失败。

我无法断言 LoginForm 的状态或使用组件上的 TestUtils 触发模拟事件。有没有办法做到这一点？

我试图找出根据我的服务器接收到的数据动态选择组件和存储的最佳方法。该应用程序基于以下示例：https ://github.com/yahoo/flux-examples/tree/master/fluxible-router但略有不同：

1. 用户访问 mysite.com/that/and/that（应用程序无法知道 'that/and/that' 是什么类型的东西，因此无法在路由中处理）。
2. 服务器向我们的 CMS 发出 GET 请求。CMS返回数据，包括它是什么类型的数据（栏目列表、文章、公司简介等）

3. 在这里，我可以像这样动态选择一个组件（目前这是在父组件的渲染方法中）：

   /li>

都好。但我也想把我的数据放在一个特定的商店里。最好的方法是什么？一些对我来说似乎有点 hacky 的想法：

1. 在同一个 switch 语句中，动态执行一个动作以将数据发送到适当的存储，'article' 组件将依赖于具有数据的 'article' 存储。

2. 将数据发送到组件本身并让（例如）文章组件使用该数据初始化文章存储。

3. 实际上将文档类型放在 URL 中，例如 mysite.com/article/this/and/that并在路由中巧妙地处理所有这些。但我宁愿不要仅仅因为我无法找到一个优雅的解决方案而弄乱我的 URL :)

提前感谢您的任何想法。

所以，我最近一直在摆弄一些同构的 React + Flux，老实说，我发现一些概念相当混乱。我一直在研究有关如何构建同构应用程序的最佳实践，并正在寻求建议。

假设您正在创建一个 web 应用程序以及一个由相同 REST API 支持的移动应用程序。您是否将 REST API 与 webapp 捆绑在一起？我见过有人提倡捆绑并为 REST API 提供单独的代码库。

任何建议或建议阅读表示赞赏！

在我们的工作室，我们正在努力理解 store 在 react/fluxible 中的良好用法。本质上，我们如何存储通过 UI 流所需的临时信息（如成功和错误），而不是永远保留这些信息？我们一直将存储理解为保存持久信息。在多页面注册流程中，step1Complete似乎不太适合在商店中进行跟踪。

我们看到的另一个选择是在组件中使用 AJAX 调用来进行这些简单的调用，这些调用只是授予您当前所需的数据以便继续。这是一种常见的做法吗？这会破坏同构应用程序吗？

我们是不是想多了？

我正在尝试将koa与fluxible-router一起使用。大多数快速示例使用类似的模式，但随后将 send() 直接用于 navigateAction。

React.renderToString() 在 executeAction 上下文中获得正确的道具。

我发现填充道具的唯一方法是在 executeAction() 中运行 renderToString() 但它会异步执行，因此 console.log('2') 在 console.log('1') 和返回的正文为空。

我不知道有什么方法可以等待 renderToString ，也没有任何方法可以在正确的上下文中运行 renderToString() 。

谢谢

我正在使用 React & Fluxible & electron 处理应用程序流程，它遵循标准的反应流程，即component -> action -> store -> component

1. 点击一些 React 组件，这会触发一个ActioninActionCreators
2. Action将做fs.readfileSync并将“完成”发送到store
3. React 组件将看到 的变化store并再次渲染component。

当我即将将文件读入应用程序时，我在第 2 步失败了。它给了我一条错误消息：

我想知道我是否做错了什么？谢谢。

我在Fluxible@0.4.10遇到了一个小错误：

Warning: Failed Context Types: Required context `getStore` was not specified in `StoreConnector`. Check the render method of `NavIndexItemTheme`. /client-interface/node_modules/fluxible/addons/connectToStores.js:48 storeInstances[storeName] = this.context.getStore(store); ^ TypeError: undefined is not a function

事实上，我有这个：

在Index.tpl.jsx 中：

如果我将node_modules文件夹删除到tp1目录，则不会出错。为什么这个目录会导致错误！！！

React Flux 架构是否有类似于 Angular 的拦截器的东西，您可以在其中将 401 错误重定向到登录页面？