草庐IT

react-state-management

全部标签

javascript - NgRX 实体 : ids are undefined in the State

我一直在一个虚拟的“Todo”项目中尝试@ngrx/entity,它有一个AppModule、一个reducer和一个组件。但是,我在尝试时遇到问题。我的操作非常简单,只是一些CRUD操作:import{Action}from'@ngrx/store';import{Todo}from'../../models/todo';exportconstCREATE='[Todo]Create'exportconstUPDATE='[Todo]Update'exportconstDELETE='[Todo]Delete'exportclassCreateimplementsAction{rea

javascript - React Native - 如何从 ScrollView 获取 View 的 Y 偏移值?

我正在尝试获取View的滚动位置。但是Yoffsettopage的值与View的位置无关。ScrollView层次结构:-MyComponent1-MyComponent2-SubView1-SubView2-(AddedreftothisviewandpassingYoffsetvaluethroughprops)-MyComponent3SubView2组件:this.myComponent.measure((fx,fy,width,height,px,py)=>{console.log('Componentwidthis:'+width)console.log('Componen

javascript - React Native 边框半径渲染

当您在CSS中向边框添加边框半径时,边框将围绕边框半径逐渐减小宽度,如您在本例中所见:.example{width:100px;height:50px;background:#000;border-bottom:4pxsolidred;border-bottom-right-radius:20px;}我试图在ReactNative中做同样的事情,但是ReactNative似乎切断了最后一点:如您所见,它并没有沿着半径逐渐缩小边界。让边框像在网络引擎中那样逐渐变细的最佳方法是什么? 最佳答案 遇到了同样的问题,但找不到borderRa

javascript - Angular UI 路由器 : Multiple URLs to single state

我已经开始使用angular的ui-router,我正在尝试弄清楚如何让多个URLS指向一个状态。例如:/orgs/12354/overview//retyrnsthesamepagesas/org/overview我的$state提供程序当前设置为类似这样的设置,我不清楚如何插入别名“/org/overview”路由,以便它正确地从“org”父级继承。.state('org',{abstract:true,url:'/orgs/:orgID',templateUrl:'/client/navigation/main.html'}).state('org.overview',{url:

javascript - 在构造函数中 react 绑定(bind),如何将参数传递给 Prop

我正在尝试将我的React类转换为ES6,但在此过程中我遇到了一些困难。我希望将我的绑定(bind)放在构造函数中,而不是渲染View中。现在,如果我有一个带有setState的根模块,它需要一个参数,例如:constructor(){super();this.state={mood:""};this.updateMood(value)=this.updateMood.bind(this,value);}updateMood(value){this.setState({mood:value});}然后我将这个函数传递给一个组件:然后在customElement模块中,我有这样的东西:c

javascript - React Native - 将登录的 Firebase 用户重定向到 Home 组件

我的目标是在用户已经登录时将用户重定向到Home组件。只有在以下情况下,我才能让用户登录并将他们重定向到Home_logInUser()被调用。但是,一旦重定向到Home组件,如果我刷新模拟器,应用程序将返回到Login组件。我尝试使用componentWillMount()并设置letuser=firebaseApp.auth().currentUser来解决这个问题。但是,我什至将user记录到控制台,但似乎if检查直接进入了else语句。我将不胜感激任何见解!这是我的代码(我正在使用react-native-router-flux进行路由):index.ios.jsimportR

javascript - 如何通过React和鼠标事件传播实现可重用组件?

考虑以下典型的React文档结构:Component.jsxcontent这些组件的组成如下:OuterClickableArea.jsexportdefaultclassOuterClickableAreaextendsReact.Component{constructor(props){super(props)this.state={clicking:false}this.onMouseDown=this.onMouseDown.bind(this)this.onMouseUp=this.onMouseUp.bind(this)}onMouseDown(){if(!this.sta

javascript - Angular UI 路由器 : decide child state template on the basis of parent resolved object

这是我的app.js文件-我有一个母国和两个子国。两个subview都需要该对象。states.push({name:'parentstate',url:'/parent/:objId',abstract:true,templateUrl:'views/parentview.html',controller:function(){},resolve:{obj:function(OBJ,$stateParams){returnOBJ.get($stateParams.objId);}}});我想使用这个已解析的对象来决定子模板states.push({name:'parentstate.

javascript - 为什么不允许在 React Native 组件属性赋值中展开运算符是一种性能优化?

在ReactNative组件中,如果在props分配中使用展开运算符,则会出现错误,“在此环境中,分配的目标必须是一个对象。此错误是性能优化,不符合规范。”被抛出。例如在渲染函数中const{style}=props;return(给出同时const{style}=props;return(有效。为什么扩展语法会影响性能? 最佳答案 如果使用StyleSheet.create(),实际上当样式属性传递给子组件时,结果是Number。 关于javascript-为什么不允许在ReactNa

javascript - 如何在 React Native 中设置工具栏 Action 图标?

我是ReactNative的新手。我想为ToolbarAndroid操作设置图标(来自react-native-vector-icons)。这是我的JSX代码:importToolbarAndroidfrom'ToolbarAndroid';importMaterialIconfrom'react-native-vector-icons/MaterialIcons';......Material设计集合中的图标名称已完成。感谢您的帮助。 最佳答案 通过使用ReactNative0.21和react-native-vector-ico