问题标签 [react-boilerplate]

我试图从ticketmaster api呈现事件列表

请求顺利，但渲染是我卡住的地方

json作为

我知道我可以用

如果它没有嵌入，到目前为止我相信我必须使用这样的东西

如果这是正确的，有人可以举个例子。

编辑：为了让事情变得更容易，我如何让 react-boilerplate 使用它

而不是这个

目标

当路线发生变化时，我想更改减速器（并为它们提供新状态）。

当前尝试

/components/:slug我有一个由我的ComponentPage减速器处理的 slug ( ) 设置的路线。这个 reducer 注意到路由发生了变化（通过 Redux-saga），并有机会获取与当前:slug.

当路由器第一次更新到一个/components页面时，状态看起来像这样：

ComponentPage获取与 相关的数据后:slug，它看起来像这样：

在上面的状态树中，像liveExample和tabCollection表示由它们自己的 reducer 管理的新域（并且它们的初始状态由 设置componentPageReducer）。

我的意图是像这样的项目将ComponentPage根据页面动态设置，:slug以便可以将它们换成其他组件，而不会用可能出现在组件页面的每个可能实例上的每个可能组件乱扔状态树。

问题

我目前设置了配置文件来导入每个页面需要的特定减速器，以便它们可以ComponentPage基于:slug. 不幸的是，我当前的实现方法仅足以处理初始渲染——在传递之后，导入的 reducer 被它们返回的对象替换。

我目前正在处理的对象的示例ComponentPage

关于我如何做到这一点的说明：

ReduxcombineReducers会返回一些这样的结构：

那将是理想的（如果我只知道如何将这些列为适当的减速器）。相反，我必须使函数可调用，以便我可以传入action（当componentPageReducer不匹配时action.type，它仍然会尝试手动调用这些动态加载的减速器，如下所示）。（他们也接受state || configuration这样当这些被随后调用时，他们不会继续使用配置/初始数据重新初始化）。

ComponentPage/reducer.js

可能的解决方案

所以，据我所知，如果我将 reducer 函数本身存储在 state 中并将它们的值映射到不同的键上，这样它们就不会替换自己，那么这可能会起作用，但是......看起来我正在下降奇怪的路在这里。return

我认为我目前正在拼凑一些可能不应该被认为是适当的 Reducer Composition 的东西。我不知道是否有更优雅的方式来处理这种情况。

我正在尝试在我的登录页面中呈现此登录表单，但我收到“登录表单未定义”。我不能将一个类组件渲染到另一个类组件中，还是某些状态造成了冲突，或者我没有看到错字？

此外，这样做的正确方法是什么？

文件夹树：SignIn(index.js, actions.js, LoginForm.js)

登录表单.js：

index.js：

我在响应中向 api 发出搜索请求，它可以工作，我在所有路由上都呈现了搜索栏，所以当用户尝试使用搜索栏时，即使他不在主页（'/'）中，它也会将他重定向到该页面并呈现结果，当我尝试在其他路由中使用搜索栏时，请求被发送（主页状态更改，这是显示结果的路由）但是如果我尝试执行 browserHistory('/') 我得到一个错误，这样做的正确方法是什么

我试过这个：

但是出错了

未捕获的类型错误：无法读取未定义的属性“推送”

有没有人尝试将react-boilerplate集成到 Ruby on Rails 5.1 应用程序中？看起来在视图中嵌入 React 组件的 5.1 方法相当简单。Rails 5.1 正在使用webpacker，它具有将 Ruby 配置与 Webpack 混合的方法。这似乎不是很简单，但是有没有人有任何技术可以做到这一点？

我使用样板和传奇实现 websocket 的方法应该是什么，我想在应用程序启动期间连接 websocket，并在连接断开时重新连接。

我正在考虑使用 fork 进行发送和接收，但我仍然应该使用 actionChannel 吗？

我需要在连接断开时取消分叉的发送和接收线程，并在连接恢复时重新生成。

一些一般性问题：（与 react/redux-saga 无关）

当我的应用程序想要在断开连接状态下发送消息时，我应该采取什么方法？我也应该有请求响应，我在数据中发送请求号，服务器回复我，我应该如何处理？

我在用react-boilerplate

，并且我正在构建一个小型项目，以便我可以了解选择器的使用。

我观看了这个我非常喜欢的视频，并且我相信我清楚地了解应该在哪里使用选择器。

所以视频说的是，当我们想要组合 2 个或多个 redux 状态并因此具有组合状态时，我们应该使用选择器（如果我错了，请随时纠正我）。

因此，鉴于该定义，我有以下问题，

1. 在使用样板文件时，即使我不必组合 2 个或更多状态，我是否应该使用选择器？

例如，我写了下面的选择器

如果你问我，这没有多大意义，但我喜欢在我的项目中保持统一，这样每次我需要访问一些旧代码时，我都可以轻松地遵循相同的流程。

2. 是否有任何食谱可以让我看到其他更有经验的人如何将选择器与样板一起使用？我已经看过样板的例子，但我不认为我要找的东西在那里（如果我错了，请再次纠正我）。

预先感谢人们

我正在使用 CSS 模块附带的（现在较旧的）版本的 react-boilerplate。它们的优点是您可以创建变量并将它们导入其他 CSS 文件中。

这是我的 colors.css 文件

当我导入该文件时，我只需要在 .css 文件的顶部使用：

我希望为我的网站选择两个主题，并且我希望能够使用 Javascript 动态更新这些变量。最好的方法是什么？

编辑：我希望有一种方法可以更新colors.css文件，而不必在从两个可能的 css 文件中提取的所有组件中进行条件导入......让我知道是否有办法做到这一点，如果有的话我会更改接受的答案。感谢所有回答的人！

我有一个反应组件，我需要将其作为节点模块加载到另一个 webpack2 项目中。使用 babelify 我将反应组件代码转换为普通的 javascript 代码。以下是我提供的用于转换的配置。

它成功转换了代码。我可以将它加载到 webpack 应用程序中。但是当 webpack 应用程序在浏览器中加载时，在浏览器控制台中出现以下错误。

如果我external从 browserify 选项中删除，我会收到以下错误。

看起来它基本上无法加载反应组件。

如何纠正这个问题？

更新：我经历了Uncaught ReferenceError: React is not defined。我在全球范围内没有 React。我期待 webpack 能够理解 node_modulesrequire('react')中已经提供的内容。

背景：

我正在使用 react-boilerplate 构建个人网站，我想在页脚中显示我最新的推文。我不想要嵌入式卡，只想要推文本身（类似于Momentum扩展）。

这似乎是我正在寻找的： https ://dev.twitter.com/rest/reference/get/statuses/user_timeline

问题：

我的网站应该如何使用 Twitter API 进行身份验证，而不在网站的代码库中包含身份验证数据？

我应该在中间有一个应用程序来处理请求，还是我的网站可以在每次用户访问我的页面时直接检索我的最新推文？

谢谢