草庐IT

redux-tookit

全部标签

javascript - 在同构 Redux 应用程序中在哪里设置 cookie?

我有3个关于redux和同构应用的一般性问题:在客户端和服务器之间共享“运行时”数据的最佳方式是什么?例如,当用户登录远程API时,我将session对象存储在cookie中。这样,下一次客户端请求我的前端,前端服务器可以读取cookie并使用它的前一个session初始化redux存储。这样做的缺点是客户端必须在启动时验证/使session无效(例如,在根组件的componentDidMount中)。我应该请求session服务器端而不是从cookie中读取它吗?我应该在哪里执行cookie存储操作,在actioncreators中还是在reducer中?我应该将cookie存储在处

javascript - 在同构 Redux 应用程序中在哪里设置 cookie?

我有3个关于redux和同构应用的一般性问题:在客户端和服务器之间共享“运行时”数据的最佳方式是什么?例如,当用户登录远程API时,我将session对象存储在cookie中。这样,下一次客户端请求我的前端,前端服务器可以读取cookie并使用它的前一个session初始化redux存储。这样做的缺点是客户端必须在启动时验证/使session无效(例如,在根组件的componentDidMount中)。我应该请求session服务器端而不是从cookie中读取它吗?我应该在哪里执行cookie存储操作,在actioncreators中还是在reducer中?我应该将cookie存储在处

当Redux和Router找不到数据时,正确的方法是什么?

我有这样的redux状态:{currentItemId:1,items:[{id:1,name:'todo1'},...]}什么时候currentItemId设置,该应用显示项目的详细信息。现在,在一种极少数情况下,当CurrentItem设置为不代表项目数组中的项目的ID时,我想重定向。一个好地方,似乎connect我们的ItemForm,我可以在其中发布重定向。问题是,它抱怨打电话setState也许我要做的就是安排以后。我也想确保我不显示ItemForm如果找不到该项目。在这种情况下,正确的做法是什么?看答案您如何重定向的方式略有不同,具体取决于您使用的路由方法。假设您使用的是React

redux-form onChange中的语义-UI反应下拉列表不起作用以更新状态

我发现Redux没有获得Onchange值状态(状态平等)这是我的代码reduxformdropdown.jsimportReactfrom'react'import{PropTypes}from'prop-types'import{Icon,Dropdown}from'semantic-ui-react'importFormLabelfrom'../FormLabel'exportconstReduxFormDropdown=({input,label,placeholder,meta:{error,touched,},...custom})=>{consterrorMessage=({er

如何通过操作从Redux中的本地文件中获取JSON数据

例如,我有一些带有JSON数据的TXT文件:"assets":[{"id":1,"name":"Mike","contract":"N23421","about":teacher},{"id":2,"name":"Helen","contract":"N43212","about":teacher}]通常,我使用Redux从服务器上传/解析此文件。那一刻,我需要从本地存储中获取相同的文件。那么,如何通过将操作和还原器用于本地文件来做到这一点?我将感谢任何帮助或建议。看答案我建议使用一些本地存储中间件类似Redux-Api-Middleware作品。除非您不会从服务器获取数据,否则您将仅从本地存

React Redux-未经定义的typeError:无法读取属性的“ setstate”

新的。我已经寻找答案这里和这里.也正在使用redux。按照良好的做法,我有一个容器“地址范围”及其组件“地址”。地址范围如下-importReact,{Component,PropTypes}from'react'import{connect}from'react-redux'import{Field,change}from'redux-form'import{Col,Panel,Row}from'react-bootstrap'importSelectfrom'react-select'importAddressfrom'./address'import{ensureStateData,ge

在React Native中使用redux表单播放按钮的示例

在ReactNative中使用Redux表单单选按钮是否有一个很好的例子?我一直在尝试找到使用它们的教程或指示,但找不到一个好的教程。如果有人在ReactNative中使用了ReduxForm播放按钮,请让我知道该怎么做。对我来说将是一个很大的帮助。谢谢,看答案实际收音机集的更新解决方案用法:代码RadioSet零件:importReact,{PureComponent}from'react'import{TouchableHighlight,View,Text}from'react-native'classRadioSetextendsPureComponet{render(){const{

React--》Redux Toolkit的使用讲解

目录ReduxToolkitreduxtoolkit的基本使用RTK代码模块化RTKQUERY的使用useQuery参数ReduxToolkitReduxToolkit是Redux的工具包,简称RTK,可以帮助我们处理使用Redux过程中的重复性工作,简化Redux中的各种操作,当然博主也不可能将RTK讲解的面面俱到,看完本篇文章后还是推荐大家多多看一下官方文档,无论是RTK还是Redux,在React中使用react-redux都是必不可少的,所以使用RTK依然需要安装两个包,如下:npminstallreact-redux@reduxjs/toolkitreduxtoolkit的基本使用官

javascript - redux 调度完成后的焦点输入

我正在使用React和Redux动态创建输入列表。单击按钮后,输入将添加到列表的末尾。我需要关注最后添加的输入。我试过这段代码,但它关注倒数第二个输入constmapDispatchToProps=(dispatch,ownProps)=>({onOptionsChange:(newOptions)=>{dispatch(formActions.updateOptions(newOptions));}});...this.props.onOptionsChange({...this.props,inputsList});//changelistofinputsReactDOM.find

javascript - 如何正确地从 ReactJS + Redux 应用程序进行 REST 调用?

我正在使用ReactJS+Redux,以及Express和Webpack。有一个内置的API,我希望能够从客户端进行REST调用——GET、POST、PUT、DELETE。如何使用Redux架构来实现这一目标?正确的方法是什么?就reducer、actioncreator、store和react路由而言,任何好的流程示例都将非常有帮助。提前致谢! 最佳答案 最简单的方法是使用redux-thunk包。这个包是一个redux中间件,所以首先,你应该把它连接到redux:import{createStore,applyMiddlewar