草庐IT

react-google-maps

全部标签

javascript - React-router 强制查询字符串为具有单个元素的数组

我刚刚将使用react和react-router制作的应用程序从旧版本迁移到react0.15和react-router2.0在旧版本中,Links是这样创建的:{name}这构造了一个url,如/route/?ids[]=1。那会给我组件this.props.query={ids:['1']}升级后Link声明更改为:{name}它生成类似/route/ids=1的url,现在路由器像这样解析查询字符串:this.props.location.query={ids:'1'}如果链接声明中的数组有多个元素,我设法获得一个数组的唯一方法,尽管url没有在url中使用空括号。那么有没有办法

javascript - 如何检测哪个 React 组件触发了 onKeyUp 事件?

假设我们有一个onKeyUp处理程序:handleKeyUp:function(e){/*handlestuff*/},我们有几个输入组件,它们都可以触发处理程序:...如何让处理程序检测onKeyUp是从login还是pwd触发的?一个场景是我在pwd上检测到Tab键按下,然后我继续尝试保存文本字段(但不是我从logintab关闭的地方)。我已经尝试查看e.target的详细信息,但无法弄清楚如何引用原始组件。更新对不起,一定是没想清楚。是的,e.target是对原始组件的引用。我一直在寻找ref的句柄来获取值。但我不需要ref,我可以从e.target.value中获取值。

javascript - 当涉及到 Websockets 时,我不确定要使此应用程序在 Google Cloud 上正常运行我缺少什么

我已经在GoogleCloud上部署了一个实时绘图应用程序,多个用户可以在其中看到其他人的绘图并加入其中。我的代码一直存在的问题是这部分:varsocket=io.connect("http://bla-bla-1234.appspot.com:8080");本地址像这样留下时,我经常会在控制台上显示错误,例如WebSocketError:IncorrectHTTPresponse.Statuscode400,BadRequest在IE或Firefoxcan'testablishaconnectiontotheserveratwss://bla-bla-1234.appspot.com

javascript - 如何在 react.js 表单中创建多个提交按钮?

我正在尝试在react.js中创建一个表单,用户可以在其中单击两个不同的按钮来执行两个不同的操作。在我的例子中,表单应该允许用户选择一个文档并替换当前文档(第一个按钮)或附加到它(第二个按钮)。是否有可能以单一形式实现这一点?我以为我可以使用onSubmit函数中的“事件”参数检测应用了哪个按钮,但没有成功。我还考虑过使用对输入和普通按钮的引用来重新创建一个伪表单,但如果存在更简洁的解决方案,我宁愿不使用这样的hack。预先感谢您的帮助!注意:我发现了一些与多个提交按钮相关的问题(例如here和here),但没有一个涉及react.js解决方案。 最佳答案

javascript - Google Forms 性能非常慢

我有一个google表单,我正在处理一些在后台使用GAS完成的脚本,它会加载包含许多不同信息的下拉列表。表单本身非常大,大约有16个部分,它在几台机器上加载和响应上下滚动非常缓慢,包括我的台式电脑,这是一台非常强大的电脑,所以我不认为这是一个机器相关的问题。除了将表单拆分为2个表单或类似的东西之外,任何加速它的提示将不胜感激。 最佳答案 您可以暂时降级到旧的Google表单构建器,看看是否可以解决延迟问题。请记住,这会将任何实时表单的所有主题也更改回旧主题,因此您可能希望在更改给您带来麻烦的主题后重新升级。

javascript - 自定义图例/图像作为传单 map 中的图例

我用自定义图标作为标记构建了一个map。您可以在我的jsfiddle中查看代码和结果:https://jsfiddle.net/marielouisejournocode/x24stb0m/我试图更改“正常”图例代码以将图片放在那里,但我是js和传单的新手,无法真正解决这个问题。varlegend=L.control({position:'bottomright'});legend.onAdd=function(map){vardiv=L.DomUtil.create('div','infolegend'),grades=[1795,1945,1960,1980,2000],label

javascript - 如何在 React Router 中正确使用 IndexRoute?

我正在将React用于一个小型网络应用程序。它有一个基本的5页网站布局。(Home|About|Contact|Press|Shows)所以我想使用一个只显示菜单、页眉和页脚的应用程序模板,{props.children}将是ReactRouter的路由组件。为此,我使用了以下代码。假设所有进口都在那里......这是我的路由器代码:exportdefault(props)=>{return();}现在这是我的模板:exportdefault(props)=>{return({props.children});}我知道出了点问题,b/c没有CSS魔法,a:active始终是HOME和任

javascript - 如何测量 react 虚拟化列表中的行高

我有点不确定如何使用react-virtualized实现列表的动态高度.我有一个组件如下:import{List}from'react-virtualized';{return100;//Thisneedstomeasurethedom.}}rowRenderer={({key,index,style})=>}}width={300}/>我看过使用CellMeasurer根据文档说它可以与List组件一起使用,但我不知道这个例子实际上是如何工作的......我还尝试弄清楚它是如何在democode中实现的但也走到了死胡同。有人可以帮助我了解如何测量DOM以动态获取每个项目的高度。

javascript - 传单 : Map container is already initialized does not get solved by proposed answers

我正在尝试使用传单加载map。当我刷新map时,出现上述错误。我研究了这个问题的其他建议答案。但是,他们中没有一个对我有用。我正在尝试在由onclick事件运行的函数中加载map。这是代码:functionload_map_and_analyze_data(){varmymap=L.map('mapid',{center:newL.LatLng(the_center_splitted[0],the_center_splitted[1]),maxZoom:17,minZoom:11,zoom:14});//creatingthemap//therestofanalyzeandcodego

javascript - "export default from"不适用于 Babel React

我使用react来构建我的组件库。我需要一个index.js来将所有组件导入一个地方。像这样:MyComponents/Button.jsLabel.jsindex.js在index.js中,我接下来尝试做的是://thisexportnothingexport{default}from'./Button';//thistellsmeaboutsyntaxerrorexportdefaultfrom'./Button';我发现只有这个解决方案有效importButtonfrom'./Button';exportdefaultButton;但我发现一些React组件库使用我上面提到的语法