问题标签 [react-boilerplate]

我已经看到了很多关于这个的例子，但是每个例子都包含了关于持久值的细节，比如 todo 是“完成的”。我知道我们应该为每个 TODO 保留这个（“已完成”）值，并且当使用 reducer 重新计算 store 时，组件会重新渲染。

我们在哪里保存每个待办事项的“isUpdating”等信息，当用户标记待办事项完成并且涉及后续的ajax调用以标记时，我将使用这些信息来显示特定待办事项项上的加载程序（而不是待办事项列表）待办事项在数据库中完成。

我也明白，由于这些信息可能对其他组件没有用，我最好将其保留在演示组件“TODO”下。但是如果这些标志保留在组件中，组件如何知道 todo 上的更新是成功的还是 store 更新失败的？

我正在制作一个购买流程，用户必须通过多条路线才能到达最终付款页面。例如，在第一条路线上您输入邮寄地址信息，在第二条路线上您正在配置您的购买选择，第三页您正在输入信用卡信息等。总共大约 5-6 页/路线。我将如何对路由器实施限制，以使没有通过第一页的人无法访问第二页？

我在这里使用 React Router 3.x、React router redux 4.x 以及 React Boilerpate。我阅读了有关使用onEnterReact 路由器提供的功能的信息，但我找不到任何关于放置该功能的具体示例，也找不到任何具体的文档来执行我正在尝试做的事情，尤其是与 React 样板结合使用。

有没有人对此有任何想法/指导/资源？

作为参考，我的路由文件看起来像这样（几乎是样板文件中的默认路由文件） -

我正在处理一些性能问题。当我有约 40 个元素的 ImmutableJS 映射（显示为复选框）时，当切换复选框（通过 redux）时，开发工具会向我抛出违规信息：

[Violation] 'click' handler took 231ms

这是因为我糟糕地创建了一个子状态吗？

我有一个问题可能来自 react-boilerplate 或“redux-form/immutable”，希望有人能帮助我。

我尝试将一些自定义道具放入 Form 组件中，这将在提交时打印出错误消息。

这是我的代码：

我的减速机

在routes.js上注入 reducer

然后我得到一个像这样的错误屏幕。

我注意到 react-boilerplate 不使用 react-hot-loader 所以我猜它可能是由样板引起的，但我没有足够的 webpack 经验来配置它。

我正在开发一个带有登录页面的应用程序和应用程序的其余页面（应该登录才能查看）。我正在使用 react-boilerplate. 从此example，我asyncInjectors.js将文件编辑为具有redirectToLogin和redirectToDashboard方法：

然后我只是将 设置redirectToLogin为onEnter页面和redirectToDashboard登录页面。

它工作正常，但是当登录时刷新页面 ( F5) 时，登录页面会短暂呈现，然后呈现实际页面。登录页面只是调度一个authenticate动作componentWillMount，然后重定向componentDidUpdate：

页面的容器也有相同的componentWillMount代码。不知道是不是因为传奇，但这里是代码：

如何摆脱闪烁的登录页面？

编辑：当我尝试gouroujo的答案时，我无法注销。

当我点击刷新时，login page不显示，但现在我无法注销。

在 的示例 sagas 中react-boilerplate，sagas 被导出为一个数组：

然后将默认值注入routes.js：

但是，当我添加一个新的身份验证路由时，我收到一个错误，saga argument must be a Generator function!即使我只有默认的 sagas（与上面相同）。

我将路线添加到routes.js：

Router并导入了为in创建新路由的函数app.js：

当我尝试编辑默认值时sagas.js：

我得到一个错误injectAsyncSagas: Expected "sagas" to be an array of generator functions。所以我所做的是将sagas.default新路由包装在一个数组中：

为什么我会收到这些错误，我该如何解决？（我对 React 和 Generators 很陌生。）

我们已经开始使用这个React-Boilerplate。此外，我们正在尝试集成 Ant Design，因为它的组件很棒。

从 Ant Design 的文档中，我创建了一个围绕 React-boilerplate 的 AppWrapper 的包装器，如下所示 -

它非常适合 antd 组件。

我想知道如何将它与 react-boilerplate 的 i18n 一起使用。或者，如果上述方法是这样做的正确方法？

它在createReducer函数中reducers.js说，它创建了带有异步加载的主减速器：

当你生成一个路由时，reducers 被注入到那里。那么应该使用哪些减速器reducers.js？究竟是async reducers什么？

我已经有一个使用 Bower 组件（日期选择器、滑块、切换器、下拉列表、图表等）的 HTML 管理模板。这个模板有一个我想在我的应用程序中使用的布局。

我想知道我可以使用这个模板和反应样板。

我已经在 React 和 Symfony 中使用了这个模板，没有问题，工作得很好。结构是这样的：

但现在我的目标是将所有 React 部分移出并将它们放在 Web 文件夹中，在这里我将让 react-boilerplate 工作。

但我不知道从哪里开始。任何人都可以提示如何使用已经制作的带有大量凉亭组件的 html 模板，但由 react-boilerplate 提供支持？

提前致谢。

我正在使用react-boilerplate构建反应应用程序。但是我无法理解将自定义 javascript 文件添加到不是来自 npm、yarn 或 bower 的应用程序。

基本上我正在尝试使用一些 jquery 组件。我使用纱线添加了 jquery，现有的 webpack 配置将其与其他 javascript 库一起注入到 index.html 中。

但是在将 jquery 添加到页面后，我找不到包含我自己的自定义 javascript 文件的方法。