草庐IT

flutter-redux

全部标签

javascript - 如何在 React Redux 应用程序中使用装饰器?

我正在使用ReactRedux创建简单的应用程序。我想使用装饰器在我的组件中注入(inject)一些方法。我在其他项目中看到类似的代码:importReact,{Component}from'react';import{connect}from'react-redux';@creatableexportdefaultclassBookDetailsextendsComponent{render(){console.log(this.props);if(!this.props.Activebook){returnpleaseselectbook}return({this.props.Ac

javascript - React-Redux mapStateToProps 与传递父 Prop

这可能是一个有点幼稚的问题,但我是react-redux的新手,我正在边学边学。上下文:假设我有一个react-redux应用程序。在我的顶级组件中,我在底部有这个:functionmapStateToProps({auth}){return{auth};}exportdefaultconnect(mapStateToProps)(newComponent);“auth”部分来self的reducerindex.js文件:import{combineReducers}from"redux";importauthReducerfrom"./authReducer";exportdefau

javascript - 我如何从 React Redux 中的子组件调度?

我的服务器有这样的代码:显然有更多的组件嵌套更多。我有一个更深层次的类:importReactfrom'react';exportdefaultReact.createClass({render:function(){varclasses=['js-select-product','pseudo-link'];if(this.props.selected){classes.push('bold');}return({this.props.name});}});我真正想做的而不是this.props.onClick正在向setstateinareducer发送事件.我在网上了解了一些有关

javascript - 组件卸载时如何取消订阅 redux store?如何装饰redux connect?

我将以下Prop(storeName)传递给我的组件:我想连接到一个动态名称的商店(this.props.reducerName)例如exportdefaultconnect(state=>({some:state[this.props.reducerName]}),{})(MyComponent);如何装饰reduxconnect,或者我必须做什么?我试图跳过redux连接并使用store.subscribecomponentDidMount(){store.subscribe(()=>{this.setState({some:store.getState([this.props.r

javascript - React Router V4 使用 Redux-persist 和 React-snapshot 保护私有(private)路由

我正在使用ReactRouter实现私有(private)路由Route组件:functionPrivateRoute({component:Component,authed,emailVerified,...rest}){return(authed===true?:}/>)}预期行为:authed通过使用redux-persist通过页面刷新持久保存所以在页面刷新或重新加载时,如果authedProp是true那么路由器应该呈现从来没有去路径"/"问题所在的实际行为:与authed===true(坚持)重新加载页面或刷新页面会导致发生以下操作(选中reduxdevtools)那个行动

javascript - React-Native/Redux dispatch 在 Action 中多次触发

我正在制作一个React/Redux应用程序。在我的一个操作中,dispatch在没有明显原因的情况下被调用时会触发6-8次。请参阅下面我的组件的操作文件中的addMarkersRequestAddress:exportfunctionaddMarkersSuccess(response){return{type:'addMarkersSuccess',status:'success',response:response,receivedAt:Date.now(),};}exportfunctionaddMarkersFailure(error){return{type:'addMar

javascript - 在数组中递增单击 Redux 函数

我正在处理一些svg元素,我已经构建了一个增量按钮。增量按钮采用pathd值将其转换为数组并从数组的第三个元素求和5。如果元素是'L'或'M'它什么都不做这里是redux中的点击函数,它采用递增Action状态的值consta=action.index;letstring=state[a].d;它转换成一个数组letarray=string.split("");然后它完成我在循环中所说的所有计算查看完整的redux函数switch(action.type){case'INCREMENT_COORDINATES':console.log("incrementingcoordinaates

javascript - 使用 Redux 验证用户的流程

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭7年前。ImprovethisquestionRedux是如何组织客户端用户认证码的?也很想学习如何最好地将Facebook登录集成到Redux中。

javascript - Redux + ImmutableJS - 如何垃圾收集太大的商店?

我将Redux与ImmutableJS结合使用。在我的SPA(相当复杂的管理系统)中,用户经常将大量数据加载到存储中(许多表有数千行)。在打开多个页面并且存储中有太多数据后,应用程序变得非常慢,因为ImmutableJS存储可能包含数百万个条目。我怎样才能从商店中“删除”一些东西,这样数据就不会拖慢应用程序的速度?我知道这会违背其主要原则,但您还能如何解决它?使用带有例如jQuery的通用网站,这将非常容易。每次页面刷新时,所有不必要的东西都会被垃圾收集。因此,一个页面2-3千个条目是可以的,但是当打开一个新页面时,reducer加载了新数据,但仍然引用旧数据。当然,我不想强​​迫用户

javascript - Redux 路由器 - "Dispatch is not defined"

我有一个简单的组件,它在用户加载页面时调用一个操作,在该操作中,我试图分派(dispatch)另一个操作以将商店的loggedIn状态设置为真还是假:importReact,{Component}from'react'import{Link,browserHistory}from'react-router'import$from'jquery'classLoginextendsComponent{constructor(props){super(props)}componentDidMount(){this.props.actions.guestLoginRequest()}rende