example-redux-update-nested-props
全部标签 我想确保我正确理解了Redux。我的理解是它将存储应用程序(包括所有子系统)的完整状态,例如所有组件的模型以及获取数据和用户生成数据的缓存。这是否意味着我不应该使用服务通过模型的ID加载/保存组件的状态?我正在制作一个测验应用程序,它由测验、类别、问题和选择等组件组成>。目前,每个组件都调用WebAPI来获取数据并维护自己的状态,或者借助于通过id字段跟踪所有内容的服务。我有一个名为AnswerService的专用服务来维护所选选项的状态,其中每个Choice组件在呈现时获取它的状态。迁移到Redux是否意味着所有这些都将移动到存储,并且几乎所有服务都将是无状态的并直接分派(dispa
因为我有一个带有表单的组件,所以我需要将表单连接到组件状态。初始数据来自Redux,因此尝试通过使用props设置状态来初始化和更新组件:componentWillMount=()=>{this.setState({language:this.props.language||'en'})}language是一个连接的Prop,我检查了它是否在商店中更新。constmapStateToProps=state=>({language:state.language})我也尝试过使用componentWillReceiveProps和componentWillUpdate但它不起作用。我得到初
我有一个异步操作,它从RESTAPI获取数据:exportconstlist=(top,skip)=>dispatch=>{dispatch({type:'LIST.REQUEST'});$.get(API_URL,{top:top,skip:skip}).done((data,testStatus,jqXHR)=>{dispatch({type:'LIST.SUCCESS',data:data});});};syncAction,改变skip状态:exportconstsetSkip=(skip)=>{return{type:'LIST.SET_SKIP',skip:skip};};
我是React新手,我被困在某个项目上。问题是我在从父组件接收到的this.props中有一个api_url。在这个子组件中,我想使用api_url来使用JSON获取一些数据。在我的父组件中:Repositoriesapi_url={this.state.objs.repos_url}在子组件中,我想要这样的东西:componentDidMount(){$.getJSON(this.props.api_url,function(json){for(vari=0;i所以我需要的是$.getJSON的url部分对应的api_url。有没有办法在componentDidMount中访问thi
我想知道人们通常如何使用redux处理用户身份验证?我正在使用ReduxRouter并且我有一个后端RailsAPI,它通过authtoken处理用户身份验证。当用户提交登录表单时,api将返回授权token以用于后续请求。最初我只是将该授权token存储在单个状态树中,每次我发送一个需要发出需要用户身份验证的API请求的操作时,我使用(dispatch,getState)来获取该授权token,然后将其包含在API中要求。所以:getState().currentUser.auth_token。我不确定我是否以正确的方式处理这个问题。是否有人将localStorage与Redux一起
我有一个显示联系人的表格,我想按名字对联系人进行排序。联系人数组来自redux存储,然后通过Prop来,但我希望本地状态保存这些联系人的排序方式,因为它是本地UI状态。我如何实现这一目标?到目前为止,我已将联系人放入componentWillReceiveProps但由于某些原因,它在更改时没有收到Prop。每次reduxstore状态改变时如何更新本地状态?constTable=React.createClass({getInitialState(){return{contacts:[]}},componentWillReceiveProps(){this.setState({con
在过去的几周里,我一直在努力学习React和Redux。现在我遇到了一个问题,但我还没有找到正确的答案。假设我在React中有一个页面从链接中获取props。constid=this.props.params.id;现在在此页面上,我想显示一个来自STORE的具有此ID的对象。constinitialState=[{title:'Goal',author:'admin',id:0},{title:'Goalvol2',author:'admin',id:1}]我的问题是:从STORE查询对象的函数应该在页面文件中,在render方法之前,还是应该使用actioncreators并将该函
我想知道,有时我有一个reducer需要来自另一个reducer的信息。例如我有这个reducer:import*asActionTypesfrom'../actions/action_type_constants';importKeyCodefrom'keycode.js/index';import{store}from"../index";import{mod}from"../pure_functions";exportfunctionselectedCompletion(state=0,action){if(action.type===ActionTypes.arrowKeyPr
有没有办法更新FormControl对象的Validtors?IhaveFormGroupwhereoneInputisaselectfield,whenthevalueoftheselectfieldchangesIwanttheotherFormControlinmyFormGrouptochangethevalidator.这是我的FormGroup组件中的subscribeToFormChanges()方法:privateappIdRegexes={ios:/^[a-zA-Z][a-zA-Z0-9]*(\.[a-zA-Z0-9\-]+){2,}$/,android:/^([a-
我有一个Canvas组件,大致如下所示:classCanvasextendsReact.Component{saveRef=node=>{this._canvas=node;}shouldComponentUpdate(){/*Iwillneverre-renderthiscomponent*/returnfalse;}componentWillReceiveProps(nextProps){/*HereIdomanipulationswiththis._ctx,whennewpropscome*/}render(){return();}componentDidMount(){this