草庐IT

javascript - Redux 应用程序中的 mapStateToProps() 嵌套状态?

我在试图弄清楚为什么我在状态中获取和存储的JSON数据没有映射到我的组件属性时遇到了困难,但在console.log()时出现从mapStateToProps()函数中编辑。我是不是做错了什么我在这里没有看到?编辑:显然状态上的属性被映射到组件但是是嵌套的。当从mapStateToProps()中记录时,data属性必须通过state.state.data访问。在此之前(参见reducer),当action.data被记录时,数据会按预期出现。没有奇怪的嵌套。也许connect函数有问题?查看如何在状态对象中填充状态属性:下面是我的组件:classViewSelectorextends

javascript - AngularJS ui-router $state.go ('^' ) 仅更改地址栏中的 URL,但不加载 Controller

我正在尝试使用angularjsui-router创建一个“TodoApp”。它有2列:第1列:待办事项列表第2列:Todo详细信息或Todo编辑表单在保存Todo后的编辑和创建Controller中,我想重新加载列表以显示适当的更改。问题:在创建或更新Todo时调用$state.go('^')后,浏览器中的URL变回/api/todo,但是ListCtrl未被执行,即$scope.search未被调用,因此Todo列表(包含更改的项目)未被检索,第2列中第一个Todo的详细信息也未显示(而是,它变成空白)。我什至尝试过$state.go('^',$stateParams,{reloa

javascript - react /归零 : Should containers have any knowledge of state structure?

这tutorialDanAbramov提出,使用作用于全局状态(而不是一部分状态)的选择器的优势在于它们允许容器与状态结构的知识分离。如果是这样的话,我们不应该也避免直接将状态值映射到Prop,而改用选择器吗?否则,我们的容器仍必须知道这些值在状态树中的位置。用一个例子来说明...直接将嵌套状态值映射到prop:constmapStateToProps=(state)=>({isModalVisible:state.modal.isVisible,});对比不了解状态结构。使用isModalVisible()选择器获取值:constmapStateToProps=(state)=>({

javascript - 用户界面路由器 : How to get next state params in transition

我正在使用ui-router1.0.0.beta.3。如何在转换期间获取下一状态的路由参数?index.run.js$transitions.onStart({to:'**'},verifyAuth);functionverifyAuth(trans){letnextState=trans.$to();if(Auth.verify(nextState.authGroup)===-1){return$state.go('login',{nextState:nextState.name,nextParams:nextState.params});//thisdoesn'twork}}我想存

javascript - 如何检测图像何时加载(通过 props 提供)并在 React 中更改状态?

我想在加载最终头像图像时加载不同的图像(假头像)。这个想法是检测何时加载Prop图像并更改状态。可能吗?一些想法?谢谢!classImageUserextendsReact.Component{constructor(props){super(props);this.state={userImageLoaded:false};letimageSrc="";if(!this.props.userImage){imageSrc=this.props.noUserImage;}else{imageSrc=this.props.userImage;}this.loadingImage=;thi

javascript - this.state 在 react native 的 onPress 事件期间未定义

你好,我是ReactNative的新手,我的代码是:importReact,{View,Text,TextInput,Component}from'react-native';importStylefrom'./styles/signin';importButtonfrom'../common/button';exportdefaultclassSignInextendsComponent{constructor(props){super(props);this.state={email:'',password:''};}render(){return(Emailthis.setSta

javascript - 如何从 saga 获取 action.params

我正在使用redux-saga。在代码yield*ReduxSaga.takeEvery('MY_ACTION',updatePorts);中,我如何访问action以获取其字段。例如我有一个Action创建器:functionstatus(){type:'MY_ACTION',status:true}如何从我的saga访问action.status?还是我必须仅通过getState()和select访问数据?? 最佳答案 constactionCreator=()=>({type:'MY_ACTION',status:true})

javascript - 为什么 `(state == 1 && 3)` 有意义?

这个问题在这里已经有了答案:Whytheresultofbool(true)&&stringisstringinjavascript?(4个答案)关闭8年前。我在Mithril.js中看到这段代码:finish(state==1&&3)在我(Java/C程序员)看来它应该总是调用finish(true)如果state是1和finish(false)如果state不是1.但它实际上似乎是finish(3)对于前者和finish(false)对于后者。这背后的逻辑是什么?这在JavaScript中是惯用的,还是一个坏主意?对我来说,它非常晦涩难懂。

javascript - 使用 Vuex 的全局事件总线 - 始终通知订阅者

我在Vue中使用全局事件总线已经有一段时间了——类似于constbus=newVue().工作正常,但是,订阅的处理可能会变得非常冗长。假设我在一个组件中订阅了一个事件:mounted(){bus.$on('some.event',callback)}我必须跟踪回调并在beforeDestroy中正确处理它.这可以使用全局混合来稍微简化,但因为我使用的是,我必须区分mounted中的订阅和activated回调。所以我想我应该给Vuex一个机会来管理它,因为watchers是由框架处理的。我提出了以下建议。只要发布了对象或数组,似乎就可以正常工作。原始数据似乎不会触发react,尽管被

javascript - 在数组中递增单击 Redux 函数

我正在处理一些svg元素,我已经构建了一个增量按钮。增量按钮采用pathd值将其转换为数组并从数组的第三个元素求和5。如果元素是'L'或'M'它什么都不做这里是redux中的点击函数,它采用递增Action状态的值consta=action.index;letstring=state[a].d;它转换成一个数组letarray=string.split("");然后它完成我在循环中所说的所有计算查看完整的redux函数switch(action.type){case'INCREMENT_COORDINATES':console.log("incrementingcoordinaates