草庐IT

react-native-google-analytics-bri

全部标签

javascript - React : Given an array, 有效地以相反的顺序渲染元素

我目前以典型的React风格呈现列表。该列表作为数组属性传递,我像这样映射它:{this.props.myList.map(createListItem,this)}因此,当添加一个新元素时,它看起来像是最新的项目被添加到列表的末尾。我希望最新的项目出现在顶部。即一切都按时间倒序出现。到目前为止,我想到的两个选项是:1)反转列表,每次添加内容时创建一个新数组,并将这个反转列表作为prop传递。2)使用shift。但由于性能原因,它们都没有吸引力。我不知道Javascript支持倒序映射。我一直在尝试for循环,但一直无法让它工作。在React中以相反顺序呈现数组的惯用方法是什么?

javascript - 单元测试 react Action - browserHistory 未定义

我为我的行为编写测试,使用{browserHistory}from'react-router';当我运行测试时,导入的browserHistory由于未知原因未定义。因此,测试会抛出一个错误——“无法读取未定义的‘push’属性”;我不知道,为什么browserHistory未定义,如果它在我的应用程序中有效。有人可以帮助我吗? 最佳答案 我猜你没有使用karma或任何浏览器来运行你的测试。如果没有浏览器,对象browserHistory将是未定义的。您可能需要使用sinonstub您的浏览器历史记录。类似以下内容可能有帮助:imp

javascript - 如何在 React JS onSubmit 函数调用中传递第二个参数

代码如下importReactfrom"react";varnewForm=React.createClass({handleSubmit:function(e,text){e.preventDefault();console.log(text);},render:function(){return();})};module.exports=newForm;我想要实现的是当我提交表单时,我想要字符串“react!!!”在控制台中打印出来并防止默认事件同时发生。显然,将参数传递给“handleSubmit”函数会破坏代码。是否可以将onSubmit事件的参数传递给附加到该事件的函数?

javascript - 在 React Native 中将 props 样式添加到现有组件样式

我定义了以下组件:importReact,{Component}from'react';import{StyleSheet,TouchableOpacity,View,Text}from'react-native';exportdefaultclassButtonextendsComponent{render(){return(this.props.onPress}>{this.props.title})}}conststyles=StyleSheet.create({container:{paddingTop:15,paddingBottom:15,paddingRight:20,p

javascript - 在 Google App Script 中使用导入的模块

我正在尝试使用stringsimilarity在GoogleAppScript中,但是我并不完全清楚如何让它在AppScript中工作,我收到多个错误,例如未定义“require”,另一个注意,模块本身似乎具有依赖性。我的最终目标是使用此脚本来匹配AppScript中一个字符串充满拼写错误的数组与一个字符串正确的数组之间的字符串分数。这是我失败的代码。functionmatchEmails(){vardoc=SpreadsheetApp.openById(("ID"));varts=doc.getSheetByName("dir");varsource=doc.getSheetByNa

javascript - Google Maps Uncaught TypeError : b. has is not a function

我们使用以下代码将GoogleMapsAPIV3包含在我们的内部系统中:脚本src="https://maps.googleapis.com/maps/api/js?key=&libraries=places,geometry"这在几个小时前(澳大利亚东部标准时间上午9点)之前一直有效,现在在控制台中返回的所有内容是:未捕获类型错误:b.has不是函数来自https://maps.googleapis.com/maps-api-v3/api/js/35/3/map.js有没有人遇到同样的问题?如果包含来自Google服务器的代码,我该如何解决? 最佳答案

javascript - 在 React Hooks 中使用具有 `Set` 状态的动态变量?

这是React组件中非常常见的模式:handleTextFieldChange(event){constname=event.currentTarget.name;this.setState({[name]:event.currentTarget.value})}什么Javascript语法可以用来对Reacthooks做同样的事情?即可能类似于以下内容:handleTextFieldChange(event){constname=event.currentTarget.name;this.set[name](event.currentTarget.value);}

javascript 错误 { [ native 代码] }

你好,我正在尝试做一些基本的javascript,我得到的是“本地代码”,而不是我想要的:vartoday=newDate();document.write(today+"");//document.write(today.length+"");-wasgetting"undefined"//document.write(today[0]+"");-wasgetting"undefined"document.write(today.getMonth+"");document.write(today.getMonth+"");document.write(today.getFullYea

javascript - Angular.js 和 Google Analytics 内容实验

所以我试图在一个网站上实现谷歌分析内容实验,该网站被制作成Angular单页网站。我设置了两个版本的主页,/和/?v=2,按照说明粘贴在google代码中,位于的最顶部标记,它工作得很好,谷歌将30%的流量发送到页面的第二个版本,将70%的流量发送到页面的第二个版本。当我尝试访问say/contact时出现了问题,谷歌显然会认为我仍在访问/并会把我送到/v=2(如果我是那30%的一部分)。我什至不确定为什么会发生这种情况,但它确实发生了,我在想如果谷歌的函数不是在加载后立即运行,而是仅在主页的Angularcontroller之后运行,这可能会有帮助。会加载..但我可以让谷歌代码在所述

javascript - 服务器在静态网站上渲染 React js

我最近一直在探索React,我看到了如何设置诸如Node到服务器渲染代码之类的东西。出于速度原因,我真的对使用静态页面很感兴趣,但我不确定在使用静态html时是否可以渲染React组件。我可以使用类似nginx的东西来触发react渲染吗?或者我是否需要更多并且必须使用Node、rails或sinatra之类的东西?很抱歉,如果这是一个被误导的问题,我对服务器客户端交互没有很强的感觉。 最佳答案 我们导出一个允许您呈现为静态HTML的函数-ReactDOMServer.renderComponentToStaticMarkup(do