草庐IT

ng2-redux

全部标签

javascript - 如何在表单的选择字段 onChange 中传递对象值(使用 React,不使用 Redux)

我目前正在开发一个具有简单形式的React组件(没有redux,只是使用react-bootstrap进行样式设置)我正在以下列形式从数据库中提取数据:[{"id":"123","name":"AmyPond","age":"22","reputation":22000},{"id":"124","name":"ClaraOswald","age":"24","reputation":35000}...]并将其放入一个对象中:letuserlist=[];userlist=addUsers(this.state.users);我使用map根据这些数据填充了一个下拉列表,并且可以正确地将

javascript - 测试 redux Action

我正在尝试通过我们的redux操作来实现Jest。鉴于以下操作foo及其后续测试,以下测试失败,因为store.getActions()仅返回我[{"type":"ACTION_ONE"}]按照预期[{"type":"ACTION_ONE"},{"type":"ACTION_TWO"}]。测试时如何获得两个派发的Action?谢谢!importconfigureMockStorefrom'redux-mock-store';importthunkfrom'redux-thunk';exportconstfoo=()=>{return(dispatch)=>{dispatch(actio

javascript - 从 ng-repeat 中的输入多次调用 ng-change 函数

好吧,我这里有个问题。我有一个ng-repeat,里面有一个带有ng-change()的输入。这是指令模板的一部分,并且双向绑定(bind)到父对象。如果我在输入框中输入内容,一切正常,父对象也会更新。但是,当我必须从指令的Controller替换父对象时,我遇到了一个问题。问题是,一旦父对象被替换,View就会绑定(bind)新的(替换的)值。同样在那个时候,相同的函数(如在ng-change()中)被手动触发以进行一些计算。但是,我注意到同一个函数再次被调用(不知道如何调用)。重要的是输入的ng-model是未定义的,当它们被自动调用时。结果,最终父对象包含值undefined。我

javascript - redux - 如何存储和更新键/值对

我正在使用redux和reactjs。我想存储简单的键/值对,但无法正确使用reducer语法。在这种情况下,每个键/值对都将保持与外部系统的连接。这是正确的做法吗?我刚开始使用redux,所以它有点神秘。exportdefault(state={},action)=>{switch(action.type){case'addConnection':return{connections:{...state.connections,{action.compositeKey:action.connection}}default:returnstate}} 最佳答

javascript - React/Redux,如何获取用户输入

我正在关注usagewithReactRedux教程。我真正不明白的是如何检索用户输入。他们构建了一个FilterLink容器,其mapDispatchToProps是constmapDispatchToProps=(dispatch,ownProps)=>{return{onClick:()=>{dispatch(setVisibilityFilter(ownProps.filter))}}}因此它将自己的Props.filter注入(inject)连接的展示组件。如果我们去看看这个容器是如何构造的constFooter=()=>(Show:{""}All{","}Active{",

javascript - 在javascript中实现类似angular ng-repeat的功能

我目前正在编写代码以实现类似ng-repeat的Angular。基本上是html中的for循环。该代码采用类为“循环”的每个元素,并使用通过“信息”属性提供的信息对其进行处理。这是代码:HTML-i-Javascript$(".loop").each(function(i){varloop_info=$(this).attr("data-info");varfin=loop_info.match(/(.*)in(\d+)to(\d+)/);varvariable=fin[1],initial=fin[2],final=fin[3];varhtm=$(this).html(),print

javascript - 为什么纯 reducer 在 redux 中如此重要?

纯reducer没有副作用,可以实现时间旅行等功能。它们使对应用程序行为的推理变得更加容易。这对我来说很直观。但我无法阐明为什么纯reducer会导致这些积极的非功能性属性。谁能帮我阐明为什么让reducer没有副作用会更容易推理应用程序行为?是不是因为保证在运行reducer后具有完全相同的状态?如果是这样,那么即使是有副作用的(即非纯的)reducer肯定也有这个属性吗? 最佳答案 Isitbecauseyouareguaranteedtohavetheexactsamestateafterrunningthereducers?

javascript - React - 由父级覆盖 redux prop

说我有一个Container通过以下方式连接到redux:constmapStateToProps=({MyReducer})=>({myProp:MyReducer.myProp});是否可以通过父级强制myProp的值(覆盖redux)?我试过:但是mapStateToProps会覆盖提供的值。注意:我无法更改容器,我的问题是是否只能通过父容器来完成。(当然这意味着糟糕的状态设计,但不幸的是它已经到了那个地步)谢谢 最佳答案 mapStateToProps接受twoarguments.所以我想你可以通过以下方式覆盖它:const

javascript - Angularjs ng-disabled 不起作用

这是我的表格*但是我想了解为什么这个输入字段没有被禁用?我也试过$scope,所以在CTRL中:$scope.diss=true;在html中:*还是不行,有什么提示吗? 最佳答案 这是ng-disabled指令的一个简单工作示例:Clickmetodisable: 关于javascript-Angularjsng-disabled不起作用,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi

javascript - 错误 : [$compile:multidir] Multiple directives [form, 表单] 请求 'form' Controller :<form ng-form ="">

我在用angularjs构建的表单上遇到此错误。`错误:[$compile:multidir]多个指令[form,form]请求'form'Controller:{{job.role}}{{job.salary}}{{job.company}}Submit最初我在data-ng-controller中有表格,我把它拿出来看看是否Controller可能是问题所在..请询问您是否认为我需要发布更多代码,我正在使用angulars原生路由系统 最佳答案 这些中的每一个都或多或少相同,并且指的是form指令:所以你可以做或者简单地,在这两