草庐IT

react-native-maps

全部标签

javascript - 我应该在 React 组件中初始化一个空状态变量吗?

我对React还是有点陌生​​,我觉得它很棒,但目前有一件事在我脑海中,我想知道如何看待它。例如,我正在制作一个结账组件,其中有一个减价优惠券字段。我将事件的当前价格传递给优惠券,以便它可以计算新的:{this.state.showCouponField?(this.setState({coupon:coupon})}initialValue={this.state.coupon?this.state.coupon.token:''}initialPrice={this.state.event.final_price}setReducedPrice={(reducedPrice)=>t

javascript - 如何使用 flowtype 在组件的 react 上下文中定义 Prop ?

使用flowtype时在context中定义一个Prop这样//@flowtypeMyType=Object;classCustomViewextendsReact.Component{staticchildContextTypes={someProp:MyType}getChildContext(){return{someProp:this.props.someProp};}}我收到以下错误:CustomView:typespecificationofchildcontextsomePropsisinvalid;thetypecheckerfunctionmustreturnnull

javascript - React Router v4 NavLink 主动路由

我正在尝试将我的项目从使用v3的react-router移植到现在称为react-router-dom的v4。现在,当我有一个MenuBar组件时,问题就出现了,它与路由逻辑完全分开(如您所料),因为无论当前路径是什么,它都会显示完全相同的链接。现在这与v3一起工作得很好,但现在当我使用具有相同activeClassName属性的NavLink时,事件路线不会在NavBar上更新,仅在刷新。这似乎有点愚蠢,所以一定有办法解决这个问题。exportdefault@inject('ui')@observerclassAppextendsComponent{render(){return()

javascript - 无法删除 ui-gmap-google-map 中的选定多边形

我可以使用GoogleDraw管理器绘制多个多边形。现在我无法从多个多边形中选择特定的多边形并删除和编辑它。编辑或删除后也无法获取新数组。我的demo.js代码如下:$scope.map={center:{latitude:19.997454,longitude:73.789803},zoom:10,//mapTypeId:google.maps.MapTypeId.ROADMAP,//radius:15000,stroke:{color:'#08B21F',weight:2,opacity:1},fill:{color:'#08B21F',opacity:0.5},geodesic:

javascript - 使用 Browserify 时如何公开 Google map 的回调函数?

我正在使用Gulp和Browserify来捆绑我的JavaScript。我需要公开一个应在GoogleMapsAPI加载后执行的回调函数。如果不使用window.initMap之类的东西,如何做到这一点?这样做的问题是我需要在initMap中触发大量其他方法,因此除了使用window.functionName和污染全局命名空间之外,必须有更好的方法来实现它。另一方面,是否可以只排除callback参数并改为执行类似的操作?$.getScript('https://maps.googleapis.com/maps/api/js').done(function(){initMap();})

javascript - 在 React DnD drop 中获取 DOM 中的元素位置?

我正在使用ReactDnD和Redux(使用Kea)构建一个表单生成器。我的拖放部分工作得很好,我已经设法在元素掉落时分派(dispatch)一个Action,然后我使用分派(dispatch)改变的状态渲染构建器。但是,为了以正确的顺序呈现元素,我(认为我)需要保存丢弃的元素相对于它的sibling的位置,但我无法找出任何不是绝对疯狂的东西。我已经尝试过使用refs并使用唯一ID查询DOM(我知道我不应该这样做),但是这两种方法都感觉很糟糕,甚至都不起作用。这是我的应用程序结构的简化表示:@DragDropContext(HTML5Backend)@connect({/*reduxt

javascript - 在 Javascript 中使用 Map over Object 有什么缺点吗?

与ES6的Map()相比,使用Object有什么明显的好处吗?我喜欢将它用于forEach函数。在需要哈希表时选择Map()是一种不好的做法吗? 最佳答案 在Javascript上下文中,Object与Map的情况更像是一个问题,即您是想要通用工具还是专用工具来完成这项工作。Map实际上只是一种特殊的对象(就像您在应用程序中构建的任何其他类型的对象一样。您甚至可以制作自己的Map()模仿ES6map的构造函数)。与其他对象一样,它具有访问其功能的方法。Map的“特色”是成为高效的键值存储。另一方面,Object是Javascript

javascript - 使用 Firebase FCM 响应 native

我正在尝试通过thisdocumentation使用ReactNative和Firebase实现推送通知.我通过教程设置了我需要的设置。importReact,{Component}from'react'import{View}from'react-native'import{Input,Text,Button}from'../Components'importtype{RemoteMessage}from'react-native-firebase'importfirebasefrom'react-native-firebase'importtype{Notification,Not

javascript - 如何模拟在使用 Jest 测试的 React 组件中进行的 API 调用

我正在尝试模拟一个将数据检索到组件中的fetch()。I'musingthisasamodelformockingmyfetches,但我无法让它正常工作。我在运行测试时遇到此错误:babel-plugin-jest-hoist:Themodulefactoryof'jest.mock()'isnotallowedtoreferenceanyout-of-scopevariables。有没有办法让这些函数返回模拟数据,而不是实际尝试进行真正的API调用?代码utils/getUsers.js返回Angular色映射到每个用户的用户。constgetUsersWithRoles=role

javascript - 缩放传单 map 时,SVG 圆圈不会重新定位

我正在使用d3在传单map上添加svg圆圈。我的fiddle在这里http://jsfiddle.net/nextstopsun/C3U8g/我添加了一个reset()函数来映射viewreset事件,以计算包含所有圆圈的svgg元素的转换。此函数在mapView重置事件中调用。svg.attr("width",topRight[0]-bottomLeft[0]).attr("height",bottomLeft[1]-topRight[1]).style("margin-left",bottomLeft[0]+"px").style("margin-top",topRight[1]+