-
0 votesanswersviews
在Normalizr中包含分页数据
我正在使用normalizr来获取帖子列表 . const pathSchema = new schema.Entity('paths'); export const pathListSchema= new schema.Array(pathSchema); 现在问题是我的原始服务器响应看起来像这样 . { data: [ {id: 1, name: "One&qu... -
0 votesanswersviews
何时真正使用getDerivedStateFromProps？
我无法确定我的组件层次结构是否真的需要 getDerivedStateFromProps ，如果需要它的情况真的很少，因为文档说得好听 . 这可能是对React / Redux设计的一个基本误解 . class AttributeList extends React.Component { constructor(props){ super(props) this.state ... -
0 votesanswersviews
在componentDidMount中调度一个动作，它接收一个redux道具作为有效载荷
使用redux道具触发componentDidMount（）内部动作的最佳方法是什么？例如： import { fetchUser } from '../actions' class Example extends Component { ComponentDidMount(){ this.props.fetchUser(this.props.i... -
0 votesanswersviews
您是否应始终同时使用Redux和REST API？
使用React或React Native时，常见的情况是使用 redux-thunk ，这样您就可以保持后端和redux状态同步 . 我意识到大多数时候，相同的模式用于所有功能，您可以在其中调用REST API，并在响应之后更新Redux状态： 例： // ADD ARTICLE export const addArticle = (article) => { type: 'ADD_... -
0 votesanswersviews
使用react和redux / thunk进行异步操作后导航
我有一个简单的React应用程序，我希望有一个按钮，当点击进入某个API并获取一些数据然后在新屏幕中显示它 . 但是，在API返回之前，我不希望将我的应用程序路由到另一个屏幕 . 有几个解决方案，我不知道哪个是最好的 . 例如，要在使用thunk时实现此目的，我可以在API调用成功完成后在我的操作中导航 . 但这样做的正确方法是什么？或者通过行动这样做是正确的方法吗？ -
0 votesanswersviews
onClear不会在日期选择器中清除rc日历的日期
我是rc日历的新手 . 经过多次研究后，我能够显示日期选择器 现在，当我在日期选择器上点击十字符号时，我需要清除日期 . 但日期未清除 . 我查看了文档，发现他们正在使用这种方法清除它们 . 但我仍然收到警告和功能无法正常工作 . 你能告诉我如何修复，以便将来我自己解决 . 我的所有代码都在文件 sports-advanced-search 中，并在下面提供沙箱 ... -
0 votesanswersviews
当主窗体在formik中时，如何通过put请求更新单个字段？
在我的react / redux应用程序中，formik处理表单 . 我正在使用formik渲染道具模式，并在formik组件上提供初始值 . 在视图部分中，我想通过put请求更新单个字段 . 内联更新字段的最佳方法是什么 . -
0 votesanswersviews
在redux中处理非规范化api
例如，我有一个api，它返回非规范化实体 对于某个屏幕，我需要获取注释 - 注释api返回类似的内容： { _id : mongoId author : { _id:mongoId, name,lastname} content date } 并且我的reducer被归一化，所以状态通过以下方式： state : { comments : { byId : { ... -
1 votesanswersviews
在中间件中调度redux操作会导致意外行为
我试图理解redux中间件如何工作，在我的实验中我注意到从redux中间件调度一个动作可能会导致意外的行为 . 我将尝试通过模拟文件上传来解释此问题，如下所示： 我们有3个动作： const setProgress = (progress) => ({ type: SET_UPLOAD_PROGRESS, progress }); const setThumbnail = (thumbnai... -
1064 votesanswersviews
为什么在Facebook Flux上使用Redux？
我读过this answer，reducing boilerplate，看了几个GitHub的例子，甚至试了一下redux（todo apps） . 据我了解，official redux doc motivations提供了与传统MVC架构相比的优点 . 但它没有提供问题的答案： Why you should use Redux over Facebook Flux? 这只是编程风格的问题：功能... -
15 votesanswersviews
react / redux-form：如何从onSubmit返回promise？
我试图绕着redux，react-redux和redux-form . 我已经设置了一个商店并添加了redux-form的reducer . 我的表单组件如下所示： LoginForm import React, {Component, PropTypes} from 'react' import { reduxForm } from 'redux-form' import { login } f... -
705 votesanswersviews
如何使用超时调度Redux操作？
我有一个更新我的应用程序的通知状态的操作 . 通常，此通知将是某种错误或信息 . 我需要在5秒后发送另一个操作，将通知状态返回到初始状态，因此不会发出通知 . 这背后的主要原因是提供通知在5秒后自动消失的功能 . 我没有运气使用 setTimeout 并返回另一个动作，但无法找到如何在线完成 . 所以欢迎任何建议 . -
6 votesanswersviews
如何导出mapStateToProps和Redux Form？
我正在使用Redux Form（版本6）登录页面 . 我想要做的是当用户填写表单并单击提交时，从我的状态中获取文本，以便最终可以使用该电子邮件和密码发送操作 . 但是，在使用react-redux和Redux Form的连接时，我在导出此组件时遇到问题 . 使用react-redux时，在将状态映射到props时，想要像这样导出connect： export default connect（map... -
0 votesanswersviews
React Redux Redux表单列表主表单应用程序
我使用 - React Redux和Redux形式 我有一个用户列表表单，其中包含每行右侧带有编辑/删除按钮的目录 . 当我单击编辑按钮时，它应该将当前行值传递给用户主窗体 . 在表单的底部，我有一个addnew按钮，重定向到用户主窗体 . 我的要求是，当我点击addnew时，它应该打开带有空字段的用户主窗体，当我单击表格行上的编辑按钮时，它应该打开用户主窗体，其中预先填充的字段包含当前选定的行... -
0 votesanswersviews
ReactJS和Redux - 从多个事件（非按钮）提交表单
TO SUMMARIZE ：如何在没有提交按钮（来自componentDidUpdate的IE或自定义函数）的情况下提交React JS Redux表单？ 我有一个接口（内置在React JS中），用户需要'score'多个项目，背靠背 . IE，他们'll have '项目1 ', and assign it 1, 2, or 3 stars, then click '下一个', which... -
1 votesanswersviews
我保证链接正确吗？
onSubmit(e) { e.preventDefault(); const user = { fname: this.state.firstname, lname: this.state.lastname, email: this.state.email, username: this.state.usernam... -
0 votesanswersviews
使用筛选项更新过滤器
我正在尝试将 productList 上的过滤器中的数据添加到我的redux状态 filteredProducts 它几乎正常工作，它将添加过滤项的最后状态，但我无法使其与当前状态一起工作 如何更新它以便 productFilter 的当前状态将更新为 filteredProducts ？ redux state 产品：[]，过滤产品：[] productList.js class Product... -
0 votesanswersviews
当react-native应用程序进入后台时，有没有办法暂停传奇？
目前我们检查商店是否有效： function* cycleChatBadge() { let task; while (true) { const state = yield select(), isAppActive = isAppActiveSelector(state); if (!isAppActive) { ... -
0 votesanswersviews
React Native和redux在侦听器中获取当前状态
我正在尝试使用react-native和redux访问侦听器或辅助类中的当前状态 . 我们使用react-native-tcp从tcp套接字获取数据（使用nodejs网络库） . 我试图缩短代码作为更好理解的例子 . 目前的情况： on（'data'）上的套接字侦听器在componentDidMount中注册 . 如https://reactjs.org/docs/react-componen... -
0 votesanswersviews
提供给`Calendar`的'String`类型的prop`selected`无效，是'Date`的预期实例？
我正在使用日期选择器在反应js https://www.npmjs.com/package/react-datepicker但我的当前值是空白 null . 现在我想在我关注 input field 时显示日期选择器 . 但我收到错误/警告这是为什么？ proxyConsole.js:72 Warning: Failed prop type: Invalid prop `selected` of... -
0 votesanswersviews
在另一个TypeScript组件中引用React-Redux TypeScript组件会导致“无导出成员”错误
我有以下TypeScript（v3.01）React组件名为TopBar，我现在正在添加React-Redux . 然后在名为Layout的父组件中引用TopBar组件 . import * as React from 'react'; import { connect } from "react-redux"; import { decrementZoomLevel, in... -
3 votesanswersviews
如何改进我的React应用程序的架构[关闭]
我有一个导航栏，当点击导航栏上的切换按钮时，该导航栏会在其下方打开子子导航栏组件 . 在子导航栏上是一个子下拉菜单，其中包含许多带有onClick道具的选项，这些道具需要按顺序执行两项操作： 预期的操作（例如，转到"/login"路线，触发注销操作等） 隐藏子导航栏 FWIW我有一个redux动作来隐藏子导航栏，路由是通过react-router v4完成的 . 这... -
3 votesanswersviews
在Redux中存储值
我正在构建一个React Native应用程序，主要用于验证票证，供事件管理员使用 . 后端由Laravel应用程序提供，该应用程序具有可用的OAuth2服务器 . 我有一个针对该服务器的工作登录，但现在我需要存储访问令牌，请求数据，例如事件，并验证是否匹配给定事件的票证 . 我正在尝试实现Redux来存储访问令牌等 . 我通过操作正确地更新了存储的登录表单，但我无法使用访问令牌 . 这是登录屏幕... -
0 votesanswersviews
React Redux不更新商店
我正在使用React和Redux做电话列表，并且有问题 . 应该期待的是：用户以模态形式放置他的数据，当他点击提交按钮时 - onClick函数触发器和数据调度到Redux商店，然后从商店转到localStorage，其中将存储所有数据 . 问题：不是创建包含存储中包含数据的对象的数组，而是创建了空数组 . 下次单击“提交”按钮后 - 第一次单击“放入”而不是空数组的数据 . 等等 . 和普通的... -
0 votesanswersviews
Angular4 / ngRx：在ngRx存储中保持身份验证状态是个好主意吗？
在我的应用程序中，我想知道是否可以使用ngRx存储来保留JWT令牌（身份验证令牌）？ 我知道，一旦浏览器刷新，商店将被重置，但我可以通过将应用程序状态保持在本地存储中来解决此问题 . 我想要找出的（并且没有找到任何结果）是ngRx商店如何为多个用户行事？他们每个人都会自己开店吗？或者他们会使用常见的应用程序级商店吗如果是后者，那么在ngRx存储中保持auth状态将是一个非常糟糕的设计 . PS: ... -
45 votesanswersviews
在mocha测试中使用webpack别名
我正在React / Redux / Webpack中开发一个Web应用程序，现在我开始将测试与Mocha集成 . 我跟着the instructions for writing tests in the Redux documentation，但现在我遇到了我的webpack别名问题 . 例如，为我的一个动作创建者查看此测试的导入部分： import expect from 'exp... -
13 votesanswersviews
与Axios apis一起使用时，Redux-Thunk和Redux-Promise之间有什么区别？
几个月以来，我一直在使用React，Redux . 生态系统中最令人困惑的部分之一是异步数据流 . 有很多很好的解决方案，为您的问题选择合适的解决方案是困难的部分 . 在我的应用程序中，动作创建者主要对我的后端apis进行异步axios [ajax]调用 . 将Redux-Promise注入中间件可以解决异步数据流的问题 . 考虑到可扩展的应用程序，我可能需要在我的动作创建者中链接多个axios调... -
3 votesanswersviews
处理Redux商店中的承诺/回调
我目前正在使用Redux的动作创建器来调度用户操作（例如，获取帐户信息） . 这些操作创建者从API请求返回promise，当他们解析时，更新商店 . 我遇到的问题是我想“拦截”来自API的某些响应，在我的例子中，是一个无效的JWT令牌 . 在这种情况下，我想保留挂起的promise，提示Login模式，如果登录成功，则重新获取并解析promise . 在我以这种方式调用_174837之后检查响应... -
0 votesanswersviews
Errror以承诺获取数据
我是新的有希望的，我无法解决有希望的问题 . 从API获取数据后，我必须在函数loadPosts中返回一个新状态： [loadPosts]: (state, index) => { fetchPosts().then( data => { return { ...state, postState : { p... -
439 votesanswersviews
为什么在Redux中我们需要用于异步流的中间件？
根据文件，"Without middleware, Redux store only supports synchronous data flow" . 我不是't understand why this is the case. Why can' t容器组件调用异步API，然后 dispatch 动作？ 例如，想象一个简单的UI：字段和按钮 . 当用户按下按钮时，该字段将填充...