草庐IT

react-google-maps

全部标签

javascript - 使用 react-hot-loader 获取 "Aborted because 0 is not accepted"和整页重新加载

我正在尝试使用react-hot-loader设置webpack热重载。它大部分似乎都在工作。我在现有的Rails应用程序中使用webpack。但这不是热重载。每次更改我的react代码时,它都会触发重新加载。我收到的错误消息是:[HMR]Cannotapplyupdate.Needtodoafullreload!-dev-server.js:18[HMR]Error:Abortedbecause0isnotaccepted-dev-server.js:19athotApply(http://localhost:8080/assets/webpack/bundle.js?body=1:

javascript - Reacts `propTypes` 和 `defaultProps` 应该和 Flowtype 一起使用,还是 Flowtype 够全面?

想到一个简单的例子比如:classCommentAreaComponentextendsReact.Component{staticpropTypes={id:PropTypes.string.isRequired,loading:PropTypes.bool,};staticdefaultProps={loading:false,};在构造函数中我可以定义这样的东西来实现(我认为)同样的事情:classMyComponentextendsReact.Component{constructor({loading=false,}:{id:string,loading?:boolean})

javascript - React setState 中的竞争条件

问题:一个组件的多个子组件几乎同时触发了事件。这些事件中的每一个都由handleChange风格的函数处理,这些函数使用React的不变性助手将复杂对象合并到控制组件的状态中,通过类似于;this.setState(React.addons.update(this.state,{$merge:new_value_object}));这在事件独立触发时工作正常,但当多个事件以这种方式导致状态更新时,每个事件都单独从状态的旧版本合并。IE。(伪代码,不打算执行)。functionlogState(){console.log(this.state)}logState();//{foo:'',

javascript - react js ,获取 sibling 或父值

我是新手,我很好奇如何正确地做到这一点。假设我有这个表单,通过单击按钮,我想获取文本框值,varform=React.createClass({submit:function(e){//howtogettextboxvalue?},render:function(){return(Getit);}});任何答案将不胜感激!谢谢! 最佳答案 React强制执行父子单向数据流。因此,没有简单的方法来访问sibling的数据。但是,如果child更改整个组件的状态,您可能需要一个状态来跟踪它。示例代码:varFormBox=React.c

javascript - 将属性映射到 react-redux 中的状态

我有一个使用state的组件向用户提供数据。例如this.state.variableInState.该组件可以调度一些方法(例如在onClick操作上)。我目前正在使用react-redux一个connect映射方法store至props.有什么办法可以setState发货后?//actionsexportfunctionexecuteAction(){returnfunction(dispatch,getState){dispatch({type:'MY_ACTION',payload:axios.get('/some/url')});};}//reducerexportdefau

javascript - 在 Angular 2/TypeScript 中使用 Google API

这里之前的一个问题让我(希望)大部分时间都能正常工作,但我似乎无法从TypeScript获得GoogleAPI。我基本上遵循这个例子:https://developers.google.com/api-client-library/javascript/samples/samples我没有看到错误,只是没有触发运行API调用的方法。我已经安装了gapi和gapi.auth的类型。initClient()不会抛出任何错误,它似乎永远不会完成。当前用户以Google用户身份登录,但尚未获得调用API的授权。那是我接下来要处理的事情,但现在甚至都没有打电话。正如您在下面看到的,我在未被调用的

javascript - REACT 中的 404 页面

我创建了组件NotFound当我转到一个不存在的页面时它工作正常。但是同一个页面出现在我的所有页面中,而不仅仅是不存在的页面。这是组件:importReactfrom'react'constNotFound=()=>404pagenotfoundWearesorrybutthepageyouarelookingfordoesnotexist.exportdefaultNotFound这就是我在主页中使用它的方式:classMainSiteextendsComponent{render(){return({/*Rendernav*/}{/*Dashboardpage*/}{/*Retro

javascript - react : VariableDeclarator ASTNodes are not handled by markPropTypesAsUsed

我最近使用我们的CI服务器构建了我的React应用程序(使用CreateReactApp搭建脚手架,使用yarnbuild)并得到如下所示的构建错误:Error:VariableDeclaratorASTNodesarenothandledbymarkPropTypesAsUsedatArray.forEach()atArray.forEach()atArray.map()依赖关系:"dependencies":{"core-js":"^3.0.1","react":"^16.8.0","react-dom":"^16.8.0","prop-types":"^15.6.2","reac

javascript - 将 PNG 或 JPEG 用于带有 OpenLayers 的 map (缩放/缩放问题)

我正在使用图像通过OpenLayers显示我的map。我的JS代码如下所示:map=newOpenLayers.Map('map');varoptions={numZoomLevels:7,isBaseLayer:true,};varglobe=newOpenLayers.Layer.Image('GlobeESA','http://upload.wikimedia.org/wikipedia/commons/0/07/World_map_blank_black_lines_4500px.gif',newOpenLayers.Bounds(-180,-90,180,90),newOpe

javascript - Google+ 按钮删除右侧的可用空间/边距 |右对齐

有什么方法可以使googleplus按钮向右对齐吗?似乎g+按钮在有更多数字的情况下占据了一些位置。如果解决方案可以只使用css/html-没有javascript,那就太好了。update从昨天开始google好像对1+按钮的api改了一点点,但是还是不能右对齐。更新211年8月24日已提出问题。从那以后,Google+发生了数次变化。没有必要再向这篇文章发送垃圾邮件答案(重复和相同的答案!)。你们都建议的选项当时不存在。查看google+文档网页上的参数:https://developers.google.com/+/plugins/+1button/?hl=pl#plusonet