草庐IT

javascript - Reducer 未捕获 LOCATION_CHANGE 操作

我正在努力让我的React/Redux应用根据操作更新URL。我四处看了看。我以为我已经掌握了它,但显然我遗漏了一些东西。我还有其他正确响应的reducer。目前,我只是想记录操作。路由reducerconstinitialState={locationBeforeTransitions:null};exportdefaultfunctionrouting(state=initialState,action){switch(action.type){case'LOCATION_CHANGE':console.log(action)default:returnstate}}商店/*Thi

javascript - Redux - 一个 vs 多个 reducer

我来自Elm社区,在Elm中,每个应用程序都有其View、模型和状态,并且基本上采用与redux非常相似的方法来解决问题,IMO。无论如何,我发现自己正在为多个reducer的想法而苦苦挣扎。在Elm中,我习惯为所有操作(消息)创建一个单独的文件,为“react”(View)创建一个单独的文件,为状态(模型)创建一个单独的文件,为所有reducer(更新)创建一个单独的文件。每个可能的操作都包含在更新文件中,更新文件不能分布在多个文件中,将所有逻辑放在一个地方。另一方面,Redux鼓励为reducer创建多个单独的文件,然后将它们与combineReducers组合,我发现这非常令人困

javascript - 与 react/redux 共享 actions 和 reducers

我仍然是一个react/redux菜鸟。在一页上,我有大量的文本输入。一段时间后,我开始注意到我的操作文件具有做同样事情但输入不同的函数:exportfunctionsetInputName(string){return{type:'SET_CURRENT_NAME',payload:{value:string}};}exportfunctionsetInputCity(string){return{type:'SET_CURRENT_CITY',payload:{value:string}};}我的reducer看起来像:exportfunctioncurrentName(state

javascript - 在 Redux Reducer 达到状态之前格式化日期

我如何从标准JS日期对象格式化日期,该对象来自服务器并通过RESTapi通过Redux馈送到React,其初始输出为:"2016-05-16T13:07:00.000Z"转换成不同的格式?所以它被列为DDMMYYYY?我可以通过操作请求结果或负载在Action的Reducer中执行此操作吗:import{FETCH_BOOKS,FETCH_BOOK}from'../actions';constINITIAL_STATE={books:[],book:null};exportdefaultfunction(state=INITIAL_STATE,action){switch(action

javascript - react 终极版 : Action creator not calling reducer

我的actioncreator没有调用我的reducer。任何帮助都感激不尽。类型.jsexportconstSELECTED_FOOD='selected_food';index.js(Action创建者/Action)import{SELECTED_FOOD}from'./types';exportfunctionselectedFood({data}){console.log('SELECTED_FOOD**********************',data);return({type:SELECTED_FOOD,payload:data});}actioncreator中co

javascript - 如何禁用 redux-form 中的字段?

我只是想禁用redux-form中的一个字段,如下所示,但它似乎没有任何效果。这是redux-form版本7.4.2。还有请帮忙 最佳答案 你可以传递Prop对象:props:object[optional]:ObjectwithcustompropstopassthroughtheFieldcomponentintoacomponentprovidedtocomponentprop.ThispropswillbemergedtopropsprovidedbyFielditself.//outsideyourrender()meth

javascript - 组件的 child 不应该被改变

我有一个react-redux应用程序。我通过Redux商店的AJAX部分获取数据。这部分看起来像这样:counts:{warning:0,new:0,in_hands:0,completed:0,rejected:0}更改此值后,React渲染组件render(){varcounts=[{id:'warning',count:parseInt(this.props.counts.warning),name:'Внимение'},{id:'new',count:parseInt(this.props.counts.new),name:'Новые'},{id:'in_hands',c

javascript - 使用 flowtype 和 flow-typed 输入 redux store

我正在尝试totypethereduxstore像这样:consts:Store=createStore(todoApp)但我明白了identifierStore...Couldnotresolvename流量错误知道如何解决这个问题吗?我正在使用这个流类型的声明://flow-typedsignature:ba132c96664f1a05288f3eb2272a3c35//flow-typedversion:c4bbd91cfc/redux_v3.x.x/flow_>=v0.33.xdeclaremodule'redux'{/*S=StateA=Action*/declaretype

javascript - Redux 展示组件与容器组件

我是使用redux进行React开发的初学者。我想知道什么是展示组件和容器组件。如何将组件分类为Presentational或Container?这两者有什么区别?以这种方式对组件进行分类有什么好处? 最佳答案 如果将组件分为两类,您会发现组件更易于重用和推理。我称它们为容器和展示组件。我假设你了解redux架构容器组件了解redux订阅redux状态分发到reduxAction由react-redux生成关注事物的运作方式演示组件不知道redux从Prop中读取数据调用props的回调由开发者编写关注事物的外观对组件进行分类的好处

javascript - Redux 如何将状态传递给 mapStateToProps?

我试图了解React和Redux是如何工作的,我正在查看来自thisexampleproject的FuelSavingsPage.js.我在mapDispatchToProps中得到了actions的来源,但我不明白state是如何传递给mapStateToProps或者dispatch如何传递给mapDispatchToProps。这是怎么回事?importReact,{PropTypes}from'react';import{connect}from'react-redux';import{bindActionCreators}from'redux';import*asaction