草庐IT

flutter-redux

全部标签

javascript - 嵌套 map 未正确呈现 Redux 状态

我是Reactjs的新手。我正在创建用户输入和要输入的实际句子之间的比较不知何故我能够实现这一点但它并不完美,因为嵌套map无法正确呈现如果字母输入正确它应该呈现绿色背景我的状态已正确更新但我的嵌套map有点不工作有延迟组件代码renderLine=()=>{lettest=this.props.test.get('master')returntest.map(line=>{returnline.check.map((ltr,i)=>ltr.status?{ltr.letter}:ltr.letter)})};handleKeyPress=e=>{if(e.charCode===32)

javascript - 在 Redux 中使用 getState 是一种反模式吗?

我第一次在jQuery应用程序中使用Redux,并且我创建了小型可观察实现。可观察对象响应状态对象的多个属性的变化,当状态本身发生变化时对DOM进行更改。如果我的可观察回调需要2个属性值来完成其任务,我将观察这两个值,然后使用这些值来更新UI。可观察对象根本不触及状态。他们只是将它呈现给回调中的可观察对象,以便它可用于使用状态更新UI。我正在进行的项目是一个重构,所以我在事后添加了Redux。有时,我意识到我需要一段代码中的特定状态属性,但我可能没有时间将其正确重构为可观察对象。在这些情况下,我会在商店中调用getState以获取我需要的内容并继续使用它。我不禁觉得这种方法有点缺陷。在

javascript - Redux - combineReducers 如何知道将应用状态的哪个子集传递给 reducer

在Reduxbasicstutorial关于Reducers的部分我不太明白以下语法如何推断出应用程序状态的哪个子集要传递给调用combineReducers时引用的每个reducer。是不是单纯的匹配reducer名字上的状态成员名字?import{combineReducers}from'redux'import{ADD_TODO,COMPLETE_TODO,SET_VISIBILITY_FILTER,VisibilityFilters}from'./actions'const{SHOW_ALL}=VisibilityFiltersfunctionvisibilityFilter(

javascript - React Redux 职责

我几天前开始学习react-redux-immutable,但我仍然对构建我的应用程序感到困惑。我有php(symfony/laravelMVC背景),所以要理解一些javascript概念并不容易。1)我有几行WrapperComponent:exportdefaultfunction(props){conststyle={position:"relative"};constlines=props.lines;return({lines.map(line=>())});}2)连接到WrapperContainerimportWrapperfrom'../components/Wrap

javascript - Redux 中间件设计 re : return values

所以我刚刚阅读了redux中间件,听起来不错。不过有一件事困扰着我——中间件的返回值。我知道中间件的某些实例会返回一些东西(即redux-promise),而我得到其他中间件(即logging)不会-只是返回next(action)的结果。我的问题是,如果我想使用两个都返回内容的中间件会发生什么——它们肯定会互相破坏,而我只会获得最外层中间件的返回值。express/connect中间件通过让中间件将其“结果”写入req和res对象来解决这个问题,但是解决方案是什么还原?编辑这是我的问题的一个更具体的例子:我有两个中间件:将所有操作延迟3秒分派(dispatch)的中间件。这个中间件返

javascript - 如何让 Redux Thunk 和 Apollo GraphQL 协同工作

在我的项目中,ReduxThunk用于在actioncreator中保留所有异步函数。现在我正在尝试将ApolloGraphQL添加到我的项目中,一切正常,除了在我的功能组件中添加mutations并在那里调用它们时,它破坏了reduxthunk架构。如何解决?我想我可以创建新的actioncreator方法并将突变传递给它们,但它很快就会变成样板,这对我来说似乎不是一个好的解决方案。 最佳答案 Apollo突变不会破坏reduxthunk架构。如果您需要在突变后更新自己的reducer,请从突变的then或catch中分派(dis

javascript - Angular 2 ng2-redux 和 ngrx/store

我是Angular2的新手,我知道flux架构和ng2redux、ngrx/store,但仍然不知道哪个库用于开发应用程序。两者都提供了flux的实现。ng2-redux和ngrx/store有什么区别?开发中应该用到什么? 最佳答案 据我所知,两者之间的主要区别在于ng2-redux使用Angular绑定(bind)现有的React/Redux实现,而ngrx/store是Redux概念的完整重新实现。因此,有些人会争辩说ng2-redux与React/Redux库、中间件和devtools具有更好的兼容性。Github上的hen

javascript - 执行 Action 时 redux 出错 : Uncaught type error: cannot read property 'type' of undefined

刚刚接触React。我想这是一个基本问题,但我不明白为什么reducer没有被解雇或更新状态:我的HomeView.js:....const{localeChange,counter,locale}=this.propsreturn(increment(7)}>Increment.....)constmapStateToProps=(state)=>({locale:state.locale,counter:state.counter})exportdefaultconnect(mapStateToProps,{localeChange,increment})(HomeView)我的r

javascript - 更新深层不可变状态属性时,Redux 不更新组件

我的问题:为什么在我的不可变状态(映射)中更新数组中对象的属性不会导致Redux更新我的组件?我正在尝试创建一个将文件上传到我的服务器的小部件,我的初始状态(来self的UploaderReducer内部,您将在下面看到)对象如下所示:letinitState=Map({files:List(),displayMode:'grid',currentRequests:List()});我有一个thunk方法,它在事件发生时(例如进度更新)开始上传和分派(dispatch)操作。例如,onProgress事件如下所示:onProgress:(data)=>{dispatch(fileUpl

javascript - 带有 redux 和 react 的多个注册表

我一直在尝试开发一个类似于airbnb列表表单的仪表板表单,以便更深入地了解Reactredux,但我被困在我的项目中间。我有一个多表单,当用户点击继续按钮时,用户将获得另一个表单来填写等等,如果用户点击后退按钮,用户将获得一个返回前一步的表单,其中包含之前填写的值。我无法决定我应该为此做什么。我是否必须创建一个正在运行的对象作为listingName。摘要、姓名、电子邮件等作为空值,并使用Object.assign()或其他方式使用reducer更新它。直到现在我只能开发像当用户点击个人选项卡时显示与个人信息相关的表格,当用户点击基本选项卡时,显示与基本信息相关的表格。我希望所有表单