草庐IT

react-Native

全部标签

javascript - 使用 map 时 react 'cannot read property of undefined'

我正在从teamtreehouse.com制作一个非常基本的React应用程序,并且我经常遇到"TypeError:Cannotreadproperty'onPlayerScoreChange'ofundefined"即使我正确地绑定(bind)了我的函数(我认为)'onPlayerScoreChange'是Grandparent组件中的一个方法,当用户点击“+”或“-”按钮更改玩家得分时执行。如果有人能解释出什么问题,那将非常有帮助,因为我想我在曾祖parent的构造函数中设置了this.onPlayerScoreChange=this.onPlayerScoreChange.bin

javascript - react native 圆变换翻译动画

您好,我希望animated.view像圆圈一样移动。我用窦想过这个,但它不起作用。有人知道该怎么做吗?我不想旋转View。它只是应该绕圈子移动。我是新来的本地人。如果有人能帮助我,那就太好了。//importlirariesimportReact,{Component}from'react';import{View,Text,StyleSheet,Animated,Button,TouchableOpacity}from'react-native';//createacomponentclassMyClassextendsComponent{constructor(){super()

javascript - 是否可以同时将 Jest 与多个预设一起使用?

是否可以将Jest与多个预设一起使用,比如jsdom和react-native?我想测试一个可以在Web和ReactNative环境中工作的React组件。问题在于组件可能使用ReactNative库或某些文档的方法。当我运行一些测试时,jest回复:Cannotfindmodule'NetInfo'from'react-native-implementation.js'当我尝试添加时"jest":{"preset":"react-native"}对于package.json,我得到:ReferenceError:windowisnotdefined 最佳答

Javascript setTimeout 立即在 React Native 中运行

我的问题是setTimeout提前了‍大约5秒运行。例如,当我设置为5秒时,它会立即运行,但是当我设置在15秒时,它会运行大约10秒稍后。我什至调查了这个问题:setTimeoutinReactNative,但还是没能解决问题changeNotify(){letthat=this;console.log("before");setTimeout(function(){console.log("After");that.setState({notifyModal:false})},5000);}在渲染中this.setState({notifyModal:true},()=>this.c

javascript - 检测用户是否连接到互联网?

我想将用户路由到某个屏幕,以防他未连接到互联网。我只是无法检测到他是否已连接。我试过这段代码,但没有成功:asynccomponentWillMount(){if(!awaitNetInfo.isConnected){this.props.navigation.navigate('Saved');}}有任何经过测试的建议建议吗? 最佳答案 试试awaitNetInfo.isConnected.fetch()引用:https://facebook.github.io/react-native/docs/netinfo.html#isc

javascript - 将带有 React Context API 的函数传递给嵌套在树深处的子组件

我是第一次使用ReactContextAPI。我有一个生成客户列表的表。最初,我将客户端存储在状态数组中,在同一页面中,我有一个根据点击对客户端进行排序的函数。我已将客户端移动到上下文中,而不是表格所在的实际页面的状态,但现在我的排序功能当然不再起作用。我需要做的是使用相同的函数,但改为组织处于上下文状态的数组。原始函数:onSortClient=column=>e=>{constdirection=this.state.sort.column?this.state.sort.direction==="asc"?"desc":"asc":"desc";constsortedData=t

javascript - 基于恒定条件调用 react Hook 是否安全?

RulesofHooks要求在每次渲染时以相同的顺序调用相同的钩子(Hook)。如果您违反此规则,将会出现什么问题的解释。例如这段代码:functionApp(){console.log('render');const[flag,setFlag]=useState(true);const[first]=useState('first');console.log('firstis',first);if(flag){const[second]=useState('second');console.log('secondis',second);}const[third]=useState('

javascript - ReactJS - React.Children.forEach - 我可以获得子组件名称吗?

我有一个包含许多子项的React(15.5.4)组件,其中一些是HTML元素,一些是其他React组件。我正在使用服务器渲染并且需要在服务器和客户端上有相同的行为。客户端将使用React的生产构建。我需要遍历子组件并确定特定类型的React组件。所以我的第一个想法是使用React.Children.forEach()进行迭代并查找组件名称。React.Children.forEach(this.props.children,child=>{console.log('name=',child.name)})似乎child.name和child.displayName不存在。现在,chil

javascript - 动画化 <Circle/> 的 react-native-svg 短划线长度

大家好,我正在尝试实现类似于:https://kimmobrunfeldt.github.io/progressbar.js的效果(圈出一个)在使用setNativeProps方法之前,我能够成功地为一些svg元素制作动画,但是这次我用破折号长度失败了,下面是一个演示当前行为的gif(圆圈从完整变为收到新Prop时半满):从本质上讲,我正在尝试为这个变化设置动画,而不是它只是轻弹进来,下面是这个矩形进度条的完整源代码,基本思想是使用Circle和strokeDasharray为了显示循环进度,它接收currentExp和nextExp作为Angular色经验的值,以计算他们到达下一个l

javascript - 如何停止在 textInput React Native 中输入空格?

如何在ReactNative中停止在密码输入字段中输入空格?password可以是任何字符,包括空格。我试过这个:validator.jsconstextract=(str,pattern)=>(str.match(pattern)||[]).pop()||'';exportfunctionremoveWhiteSpace(str){returnextract(str,'/^\S*$/;');}登录.jspasswordHandle(value){this.setState({password:removeWhiteSpace(value)})console.log(removeWhi