草庐IT

redux-form

全部标签

javascript - 当 redux 状态更新时在组件上调用 forceUpdate()

我有一个问题,redux状态被成功更新,但react组件没有重新渲染,经过一些研究我相信[forceUpdate()][1]可以解决我的问题,但我是不确定实现它的正确方法,即在redux状态更新之后。我尝试在github上查找示例,但没有成功。 最佳答案 正如其他人所说,forceUpdate()基本上是一种hack。只要Prop和状态发生变化,您就可以免费获得更新。React和Redux可以无缝协作,因此请避免任何此类黑客行为。如果您的Redux状态正确更新而您的ReactView没有正确更新,那么您很可能没有以不可变的方式更新。

javascript - 在 Bootstrap Validator Form 中停止默认表单提交

我已经看到这个问题问过几次了,但它们似乎并不适用于我的情况。在验证测试之前提交我的表单。形式:TitleValueJavaScript:$('#user_fact_form').bootstrapValidator({live:'enabled',message:'Thisvalueisnotvalid',submitButton:'$user_fact_formbutton[type="submit"]',submitHandler:function(validator,form,submitButton){$.post(form.attr('action'),form.serial

javascript - 单击表单中的 div 元素后,this.form.submit() 不起作用

我尝试使用鼠标点击来测试表单提交,但表单似乎无法使用vanillajavascript提交。我正在使用这个简单的标记和代码:price我可以使用Jquery提交表单,但我不明白为什么this.form.submit()不能使用vanillajavascript?我正在使用Chrome对此进行测试。 最佳答案 div不是表单元素。它没有this.form。您仍然可以执行document.forms.form.submit()(.form因为您有name="form") 关于javascri

javascript - 如何在 ES5 Redux reducer 中初始化默认数据?

目前我还不能使用ES6/ES2015,我只能使用ES5来编写Reduxreducer。由于reducer的状态参数必须是不可变的,即使它是未定义的,我想出了以下模式:functionmyState(state,action){if(typeofstate==='undefined'){returnmyState({value1:'foo',value2:'bar'},action);}//actualstatecalculationhere}关于如何使用ES5确保默认值的任何替代建议或意见?编辑:经过一些问题和建议:我进行递归调用的原因是我非常重视“状态不可变”。因此,即使state参

javascript - 如何根据 Electron 菜单点击更改 Redux 状态?

我正在构建一个Electron基于React和Redux的应用程序。我从electron-react-boilerplate开始,非常简约且易于理解。我希望用户在Electron菜单上打开一个文件,因此我想调用一个reducer并更改Redux应用程序状态。非常简单的概念。问题是我不知道如何从根组件外部更改Redux状态。Electron菜单在main.jsfile中定义.根组件在index.jsfile中定义,连同Reduxstate(store变量)。在main.js文件中,我想做这样的事情:submenu:[{label:'&Open',accelerator:'Ctrl+O',

javascript - 在两个 Redux Reducers/State 之间共享数据

对于两个状态/reducer之间的数据共享,这是一个合理的解决方案吗?//combineReducersfunctioncoreReducer(state={},action){letfiltersState=filters(state.filters,action);leteventsState=events(state.events,action,{filters:filtersState});return{events:eventsState,filters:filtersState};}exportconstrootReducer=combineReducers({core:c

javascript - 共享 promise (在 Redux 状态下。)

我有一个函数依赖于从异步操作(API获取)解析的Promise。异步操作需要返回Fetchpromise,或者返回一个在Fetch完成时解析的promise。但是,Fetch应该只发生一次。我可以将获取promise存储在一个全局变量中,然后返回它,但这是Redux中的反模式吗?Promise是否应该在Redux存储中,因为它是应用程序状态的一部分?示例代码://ShouldthisbeinReduxStore?varpromise=null;myfunction(){doAsyncTask().then(()=>{//Continue});}doAsyncTask(){if(prom

javascript - React Router vs Redux 优先路由

我和我的团队正在开发一个带有React、Redux和React路由器的应用程序。我们的应用程序有相当复杂的路由要求,但没有什么疯狂的:在导航的URL中添加默认查询参数,多个路由映射到同一View,根据应用程序状态在某些路由上重新路由,以及恢复以前的状态等等。我遇到的一个大问题是我无法自动路由和更新状态。路由必须在状态更新之前或之后发生,这会导致路由完成而不是状态更新的中间状态,反之亦然。例如,导航到特定View应该加载一些内容并将加载状态更新为正在加载状态。此外,一些组件在挂载时触发redux操作,因此路由事件直接导致redux操作,因此有点像分派(dispatch)多个redux操作

javascript - 导入 anuglar2/forms 导致 "Cannot read property ' 未定义注释”

我正在尝试创建简单的表单,如http://angularjs.blogspot.no/2015/03/forms-in-angular-2.html中所述,但是当我添加从'angular2/forms'导入{forms,required};在崩溃中TypeError:Cannotreadproperty'annotations'ofundefinedTypeError:Cannotreadproperty'annotations'ofundefinedatReflectionCapabilities.System.register.execute.$__export.annotatio

javascript - React Redux,在获取数据并将其映射到组件后重新渲染?

您好,我在获取数据并作为this.props.data传递给子组件时遇到问题并在数据更改时重新渲染。它只在第一次提交表单和获取数据时起作用,但不会再次起作用。自render()以来,新数据不可用。函数调用{this.renderMap(this.props.data)}之前{this.renderData()},它获取并返回并映射数据。我尝试切换它们,但看起来render()函数在调用{this.renderMap(this.props.data)}之前没有等到数据被获取.我是否应该以不同的方式将数据传递给GoogleMap组件,以允许它在呈现之前重新加载新数据?我的渲染数据();工作