草庐IT

react-router-v4

全部标签

javascript - React Native DeviceEventEmitter keyboardWillShow 停止工作

升级到0.26.0-rc版本后,在iOs上这一行:DeviceEventEmitter.addListener('keyboardWillShow',(e)=>this.updateKeyboardSpace(e));什么都不做。当键盘打开时,永远不会调用updateKeyboardSpace方法。我正在导入DeviceEventEmitter:importReactfrom'react';import{DeviceEventEmitter}from'react-native';我从0.21版本升级,在那里工作正常。 最佳答案 It

javascript - React 组件中不同状态之间的平滑过渡

我有一个像这样的简单组件:varcomponent=React.createClass({render:function(){if(this.props.isCollapsed){returnthis.renderCollapsed();}returnthis.renderActive()},renderActive:function(){return(...);},renderCollapsed:function(){return(...);},});基本上,当属性发生变化时,组件将显示事件状态或折叠状态。我在想的是,当属性发生变化时,即active->collapse,或者相反,我

javascript - 如何使用 React Native Facebook SDK GraphRequest 获得高质量的头像?

我正在尝试使用ReactNativeFacebookSDK获取高分辨率图片,但默认图像质量很差。它是50x50和非常低的分辨率。请求:newGraphRequest('/135121013672357',{parameters:{fields:{string:'picture'}}},_responseInfoCallback)响应{"picture":{"data":{"is_silhouette":false,"url":"https://scontent.xx.fbcdn.net/v/t1.0-1/p50x50/16864988_145199975997794_415473593

javascript - 在 React 中更新状态的优雅 ES6 方式

在React中更新state的语法发生了很大变化。我正在尝试找到最简单优雅的方式来启动和更新它。得到这个RN代码:const{quotes}=require('./quotes.json')classQuoteScreenextendsComponent{state={QuoteIndex:0}render(){return(...{this.setState((prevState,props)=>{return{QuoteIndex:(prevState.QuoteIndex+1)%(quotes.length-1)}})}}/>)}}是否可以减少onPress中state的更新?希

javascript - Angular 4 到 Angular 5 找不到模块 '@angular/router'

我正在从Angular2升级到Angular5。升级后,我在ts文件中看到以下错误。在angular5中,我需要删除@angular/core和@angular/router升级后还提供package.json在下面提供我的错误和代码片段。你能告诉我如何解决吗?错误[ts]找不到模块“@angular/core”。[ts]找不到模块“@angular/router”。代码import{Component,ElementRef,Input,Output,EventEmitter,Inject,OnInit,ViewChild}from'@angular/core';import{Kend

javascript - react JSX "Parse Error: Unexpected identifier"

目前正在尝试学习ReactJS/JSX,但在创建一个简单的登录表单时遇到了困难:/***@jsxReact.DOM*/varloginForm=React.createClass({getInitialState:function(){return{loggedIn:false};},login:function(event){alert('loggingin');},logout:function(event){alert('loggingout');},render:function(){return(Username:Password:LoginLogout)}});React.

javascript - UI Router Extras 破坏了我的单元测试并出现意外结果错误?

问题:-为什么在安装ui-router-extras(不是普通的ui-router)时我的测试失败?-我怎样才能使用ui-router-extras并且仍然通过我的测试?如果您想快速安装它,请使用yeoman+angular-fullstack-generator+bowerinstallui-router-extrasIfoundasimilarissuewithnormalui-router.幸运的是,ui-routernormal在我的测试中运行良好。安装后ui-router-extras我得到一个错误如果我卸载ui-router.extras,这个测试就可以通过:$urlRou

javascript - react : TypeError: Cannot read property 'propTypes' of undefined

请我为以下reactjs页面编写一个单元测试。exportdefaultclassCollapsibleextendsReact.Component{staticpropTypes={title:React.PropTypes.string,children:React.PropTypes.any,};render(){const{title}=this.props;return({title}{this.props.children});}}跟着啧啧Here我在下面写了我的测试describe('Collapsible',()=>{it('works',()=>{letrendere

javascript - React-Native-Maps:如何动画协调?

我正在使用以下代码但没有成功://NativeBase容器内部//类的componentDidMount内部navigator.geolocation.getCurrentPosition((position)=>{varinitialPosition=JSON.stringify(position.coords);this.setState({position:initialPosition});lettempCoords={latitude:Number(position.coords.latitude),longitude:Number(position.coords.longi

javascript - Accessibility - React 确保点击事件有按键事件

我想确保我所有的onClick事件都在onKeyDown事件旁边。我将使用eslint-plugin-jsx-a11y来确保这一点。但在代码中,这是一种实现这种泛型的方法。我的意思是,一直这样做会很烦人:if(event.keyCode===13){...}如果用户使用onClick中的执行函数,我希望有一种方法可以告诉onKeyDown中的元素。或者类似的解决方案http://www.karlgroves.com/2014/11/24/ridiculously-easy-trick-for-keyboard-accessibility/例如,在Angular方面,我很清楚。让我们寻找