草庐IT

react-google-maps

全部标签

javascript - Google Chrome 标签页 ID 在标签页的生命周期内发生变化

我正在实现处理选项卡的GoogleChrome扩展程序。这包括我获取onCreated、onUpdated和onActivated。每次,我都在我的逻辑中使用tabId,它最初在处理onCreated事件期间存储在一个数组中。原则上,一切正常。但是,我注意到了一个小故障。有时,现有选项卡的ID会更改。因此,一个选项卡有一个不在我的数组中的ID,这自然会导致错误。我可以在以下用例中重现此问题:使用不同的URL打开2个或更多标签在一个选项卡中加载一个已在另一个选项卡中加载的URL在这种情况下,会发生两件事:首先,触发T的onActivated事件,而不是onUpdated事件。其次,T现在

javascript - 在 Kiosk 模式下检测 Google Chrome

如何检测用户是否在kiosk模式下使用GoogleChrome?我想知道用户是否在kiosk模式下使用chrome,如果不是我显示一条消息放置教学,以便她可以使用只有kiosk模式才能提供的资源 最佳答案 您可以检查从chrome.app.runtime.onLaunched获取的launchData对象的isKioskSession属性事件。chrome.app.runtime.onLaunched.addListener(function(launchData){if(launchData.isKioskSession){//y

javascript - map API v3 : Calculate bearing

我已经为此苦苦挣扎了一段时间,需要一些建议。我看过一些类似的主题,但找不到适合我的答案。我正在使用googlemapsAPI创建一个应用程序,它将确定您的位置,确定一个特定点(b点),然后移动箭头指向b点的方向。我在计算方位时遇到问题,有人可以提供帮助吗?我有:-a点的纬度/经度-b点的纬度/经度-设备知道北方在哪里,我能够计算出设备指向北方的度数我需要:一个计算将获取此信息并吐出一定数量的度数以指向箭头。我看过这里,这似乎很有用,但我仍然无法正常工作-它返回NaNhttp://www.movable-type.co.uk/scripts/latlong.html我不是真正的js专业人

javascript - JVector Map的onRegionClick事件

因此,在JVectormap中,我需要一个将每个区域链接到一个URL的函数。因此,如果您单击南非,它将带您进入包含有关南非信息的页面。我知道从onRegionClick:function()开始,但是从哪里开始对我来说是个谜。 最佳答案 好吧,正如文档所说:onRegionClickCallbackfunctionwhichwillbecalledwhentheuserclickstheregionpath.Regioncodewillbepassedtothecallbackasargument.因此,每次单击一个区域时,该区域的

javascript - 在请求之后推迟 React Render

我有一个正在加载初始状态的组件:getInitialState:function(){return{panel:"deals",showExtension:false,person:{}};},我有这个来找人:componentDidMount:function(){this.findPersonFromBackground();},findPersonFromBackground:function(){chrome.runtime.sendMessage({action:"findPerson",email:this.props.currentEmail.from_email},fu

javascript - 在 React.js 中有条件地设置 html 属性

我在为React中的单选按钮组件设置默认选项时出奇地困难。这是我的RadioToggle组件:/**@jsxReact.DOM*/varRadioToggle=React.createClass({render:function(){varself=this;return({this.props.radioset.radios.map(function(radio,i){return({radio.label}{radio.checked?:})})});}});module.exports=RadioToggle;下面是我创建组件的方式:上面的代码可以工作,但我们不喜欢根据radio

javascript - 在 dangerouslySetInnerHTML 中从 onclick 调用 React 组件函数

React新手在这里。我有一个contenteditablediv,它有dangerouslySetInnerHTML作为child,因为我需要在运行时格式化用户输入的任何内容。在HTML中的特定范围内单击时,我想setState包含组件的变量之一。这能做到吗?如果不是,我应该如何更改我的结构?代码如下:updateText:function(){vartxt=$('#text_Box').text();if(txt.indexOf('@Name')>-1){txt=txt.replace('@Name',':Name');}this.setState({userText:txt});

javascript - 在 React Flux 上,我应该在哪里填充商店的初始状态?

我正在研究Flux,我想我了解工作流程:View->Action->Dispatcher->Store->View但是,我不太明白应该在哪里填充商店的初始状态。例如,假设我正在编辑联系人。所以我假设我有一个ContactsStore。这是我想象的当我访问URL/contacts/edit/23时会发生的情况:我的ContactsStore以某种方式填充了我正在编辑的联系人,在本例中为联系人23。数据将来自服务器。EditContactView会收到来自ContactsStore的通知,因此它会呈现初始状态。当我保存联系人时,View将触发SaveContact操作,流程将继续。我不清楚

javascript - 在 react 中更新状态时递归太多

在此示例中,当我尝试在componentDidUpdate生命周期回调期间更新状态时,出现了toomuchrecursion错误。我应该如何更新状态?importReactfrom'react';classNotesContainerextendsReact.Component{constructor(props){super(props);this.state={listOfShoppingItems:[]};}componentDidUpdate(nextProps,nextState){letnewShoppingItems=this.calculateShoppingItems

javascript - 如何在不违反内联脚本 CSP 的情况下使用 jinja2 服务器端渲染和 react

我是React的新手,正在尝试一些。我想在使用Jinja2模板的Flask站点上使用它。人们似乎建议首先在服务器端呈现数据,而不必总是在页面加载时对数据进行初始调用。我找到了这个nodejs示例,但它只是将页面上的数据放在内联脚本标记中的全局变量中。我想知道除了将页面上的数据放在内联脚本标记内之外,是否有一种干净的方法可以做到这一点。由于我的安全CSP策略,我不能使用内联脚本或eval。人们是否使用标准模式在不使用内联变量的情况下在服务器上为React呈现数据? 最佳答案 您当然可以在通过Jinja进行服务器端呈现的站点上使用它。问