草庐IT

example-redux-update-nested-props

全部标签

javascript - Angular UI 路由器 : Nested Views Not Working

构建一个多步骤表单(“向导”)。最初关注thistutorial,效果很好,但现在我正在尝试对其进行调整,以便将第一步嵌入主页而不是单独的状态。无论我尝试什么,我都无法创建ui-sref可行的路径。我总是得到:Couldnotresolve'.where'fromstate'home'或Couldnotresolve'wizard.where'fromstate'home'或Couldnotresolve'wizard.where@'fromstate'home'…即使wizard.where@在中工作正常.正确的语法是什么?相关文件如下:home.js(完整保留注释,以便您可以看到我

javascript - 在 div onclick 之后更新 Redux prop/state

我有一个表-我们称它为表1。当单击表1中的一行时,会显示另一个表,我们称它为表2。表2显示与表1中单击的行相关的数据。有时table2中需要显示垂直滚动,有时不需要-取决于行数。需要解决:在不显示滚动时边框有一个不需要的过渡:.解决思路:根据显示滚动是否退出的条件“更改margin-right”。将此条件的结果保存到Reduxprop中:元素.scrollHeight>元素.clientHeight||元素.scrollWidth>元素.clientWidth问题:尝试从不同的React事件(例如componentDidMount、componentWillReceiveProps、C

javascript - 如何取消/忽略 redux 中的操作

有没有办法取消或忽略一个Action?或者更确切地说,忽略操作的最佳/推荐方法是什么?我有以下Action创建器,当我向Action创建器输入无效大小(例如'some_string')时,除了收到我自己的警告消息外,我还收到:UncaughtError:操作必须是普通对象。使用自定义中间件进行异步操作。import{SET_SELECTED_PHOTOS_SIZE}from'./_reducers';exportdefault(size=0)=>{if(!isNaN(parseFloat(size))){return{type:SET_SELECTED_PHOTOS_SIZE,size

javascript - React+Redux - Uncaught Error : Expected the reducer to be a function

我尝试了简单的react、redux、ajax工作示例并遵循了RedditAPItutorial,但我无法创建商店并收到错误消息:UncaughtError:Expectedthereducertobeafunction.index.jsx...import{createStore,applyMiddleware}from'redux'varthunkMiddleware=require('redux-thunk');varcreateLogger=require('redux-logger');varrootReducer=require('./reducers.js');const

javascript - 使用 Redux-Router + React-Router 将基本 URL 添加到应用程序

我正在使用React-Router1.0.0-rc3连同Redux-Router1.0.0-beta3.当使用React-Router时,您可以使用useBasename和createHistory来设置应用程序的基本URL,这样您就可以轻松编写一个在子目录。Example:取而代之的是:import{createHistory}from'history';letbase="/app_name/"some_path你可以使用useBasename这样写:import{createHistory,useBasename}from'history';constbrowserHistory=

javascript - 如何在 ReactJS 中指定 null prop 类型?

我在ReactJS组件上有一个prop,它要么是null要么是一个ImmutableMap。如果我写在我的小部件的底部:MyComponent.propTypes={myMap:React.PropTypes.instanceOf(Immutable.Map)};我将其保留为null、undefined或Map的可能性。我怎样才能使它成为必需的并且类型为null或仅映射?https://facebook.github.io/react/docs/typechecking-with-proptypes.html我看到了这个例子,但我不知道如何根据我的需要调整语法,或者是否可能。编辑:如果

javascript - 设置 innerHTML : Why won't it update the DOM?

想知道为什么在我重新分配变量时无法让document.getElementById("my_div").innerHTML更新DOM。例如:Bye.functionclicky(){varmyDivValue=document.getElementById("my_div").innerHTML;myDivValue="Hello";console.log(myDivValue);}在日志中我可以看到当我点击时变量被重新分配,但是my_div的innerHTML保持不变。这是为什么?**经过几年更多的经验...**对于那些刚开始(就像我一样)并发现自己在问同样的事情的人,有两个重要的概

javascript - super(props) 为我的 React 组件做了什么?

我不太擅长JS和React。React文档位于here陈述以下内容:WhenimplementingtheconstructorforaReact.Componentsubclass,youshouldcallsuper(props)beforeanyotherstatement.Otherwise,this.propswillbeundefinedintheconstructor,whichcanleadtobugs.我的问题是这实际上是如何工作的?super()在我的构造函数中神奇地启用了this.props是做什么的? 最佳答案

javascript - 如何评估数据属性中的 Vue.js 组件 Prop ?

我有2个组件:Post和Comments。在Post组件中,有Comments组件,它有3个属性:postId、numCom(评论数)和comments(数组).我收到评论并通过props传递数组,现在我想在Comments组件中检索数组并将其添加到数据中,这样我就可以添加/删除评论等。这是我在Comments.vue中的代码:props:['id','numCom','comments'],data:function(){return{newMessage:"",loading:false,allComments:this.comments,num:this.numCom,}},但这

javascript - 了解 vue.js 中的 Prop

我正在阅读学习vue.js的指南,进入Prop部分,遇到了一个问题。我知道子组件有独立的作用域,我们使用props配置将数据从父组件传递到它,但是当我尝试它时我无法让它工作。我有theexampleI'mworkingonuponjsfiddle:varvm=newVue({el:'#app',//datafrommyparentthatIwanttopasstothechildcomponentdata:{greeting:'hi'},components:{'person-container':{//passinginthe'greeting'propertyfromthepare