草庐IT

react-google-maps

全部标签

javascript - 如何在 react.js 中将数据从父级传递给子级

我有一个父组件,它有1个子组件。我通过Prop传递数据来更新我的child。最初,它工作正常,但是当我单击一个按钮并使用setState更新状态时,在setState完成时,child将使用旧值呈现。我已经在child中使用componentWillReceiveProps解决了这个问题,但这是正确的方法吗?在下面的代码中,如果我在filterResults函数中执行setState,它不会更新Emplist组件。importReact,{Component}from'react';import{Search}from'./search-bar'importEmplistfrom'./

javascript - 如何从 Firebase Cloud Function 在 Google Pub/Sub 中发布消息?

我编写了一个函数来接收http请求并发送电子邮件。但是,我想接收一个http请求并发送一个pub消息。问题是文档不清楚。我该怎么做?这是我的实际代码。exports.weeklyEmail=functions.https.onRequest((req,res)=>{constemail='****@gmail.com'console.log('Sendinge-mail')constmailOptions={to:email,from:'****@alunos.utfpr.edu.br',subject:'Teste',text:'Conteudodoemail'}mailTransp

javascript - 为什么我的 React 组件渲染了两次?

我不知道为什么我的React组件会渲染两次。所以我从参数中提取一个电话号码并将其保存到状态,以便我可以搜索Firestore。一切似乎都工作正常,除了渲染两次......第一个渲染电话号码和零点。第二次渲染时所有数据都正确显示。有人可以指导我找到解决方案。classUpdateextendsComponent{constructor(props){super(props);const{match}=this.props;this.state={phoneNumber:match.params.phoneNumber,points:0,error:''}}getPoints=()=>{f

javascript - 如何关闭其中包含多个屏幕的 React Navigation 模态

我正在使用https://reactnavigation.org/用于在ReactNative应用程序中导航,将选项卡导航器作为主堆栈,并在其中包含两个屏幕的模式(用于登录和配置应用程序)。我这辈子都想不出如何从第二个屏幕关闭模式(SelectItems)。在模态的第一个屏幕上,我可以使用navigation.goBack()关闭它。两个模态屏幕都需要一个关闭按钮。有没有办法返回到用户所在的任何选项卡?在此先感谢您的帮助。constTabs=TabNavigator({Search:{screen:Search},Settings:{screen:Settings}});//modal

javascript - 在 2 个 React DOM 之间传递数据

在一个网站中,我有多个react渲染元素。我想在这两个单独的元素之间传递数据。在2个元素之间传递数据的可能选项是什么ReactDOM.render(,document.getElementById('header'));ReactDOM.render(,document.getElementById('sidebar'));我想在这些元素之间有一个单一的数据存储。就像我在一个组件中获取数据,我希望所有元素(在所有ReactDOM中)都可以访问该数据。那么可能的选择是什么?编辑:由于要求,我无法将它们合并到同一个根组件中。只有部分页面处于react状态,其他部分仍在HTML/Jquery

javascript - 将 svg 转换为 react-native-svg

最简单的方法是什么?我发现有很多svg到JSX转换器,这正是我想要的,但这在react-native中不起作用。我需要将svg代码转换为我可以使用react-native-svg在我的应用程序中显示的内容。谢谢! 最佳答案 我可以想到以下选项。您使用的文件取决于您必须转换的文件数量。选项1(少量文件)将您的svg代码复制并粘贴到此site上并选中ReactNative复选框。这将为您提供代码,然后您可以将其与react-native-svg一起使用在以下代码中使用该输出(用生成的内容替换SvgComponent):importRea

javascript - Google Closure 库的基准测试

当我搜索Javascript库的性能时,我得到许多网站显示以下流行库之间的性能比较jQuery(相当慢)原型(prototype)(在IE中很慢)Dojo(涉及DOM时最快)ExtJs(平均)MicroJS(慢但还可以)但在任何基准测试中,GoogleClosureLibrary都不包含在内。它不像任何其他标准库,据说它是一个过程样式库。我需要一些关于Closure库性能的基准测试。并希望获得有关“在初学者阶段使用dojo并在某个中间阶段使用jQuery时切换到Closure库是否好”的建议Google发布它在其所有应用程序(如Gmail等)中使用闭包库...性能非常好。这是因为图书馆

javascript - jQuery 和 Google URL Shortener API

我正在尝试使用带有以下jQuery函数的http://goo.glAPI来缩短URL$.ajax({url:'https://www.googleapis.com/urlshortener/v1/url?key=MY_API_KEY',crossDomain:true,type:'POST',contentType:'application/json',data:'{longUrl:"'+encodeURI(url)+'"}',dataType:'jsonp',success:function(e){alert(JSON.stringify(e));}});我在JSON中收到以下错误:

javascript - Google Analytics 和三星智能电视应用程序

我正在尝试将GoogleAnalytics集成到我的智能电视应用程序中。这是一个基于Javascript的应用程序,我已经尝试了SamsungDForum上所有可用的解决方案,但没有一个有效。在主index.html文件的部分,我加载了GoogleAnalytics:然后,我在跟踪页面入口:var_gaq=_gaq||[];_gaq.push(['_setAccount','UA-XXXXXXXX-X']);_gaq.push(['_setCustomVar',1,'DeviceInformation','SamsungSmartTV']);_gaq.push(['_trackPage

javascript - 无法通过 Google Chrome 扩展中的 YouTube JS API 访问 YouTube 视频,但可以在 JS Fiddle 中访问

我试图了解YouTube视频播放的“阻止”机制的任何触发背后的逻辑。我在这里尝试播放一首被阻止在JSFiddle中嵌入播放的歌曲。观察它是否有效:http://jsfiddle.net/E7B9C/17/现在,我在我的GoogleChrome扩展中使用完全相同的代码:http://www.meomixes.com/如果您想单击以下载扩展程序。http://www.meomixes.com/Test.crx用于扩展的直接链接。观察我无法播放相同的youtube视频:我想知道针对这种情况我的调试选项是什么。有没有人对我应该探索什么有任何想法?我已尝试在我的list中请求以下权限,但没有任何