草庐IT

React-Native-Maps

全部标签

javascript - React,如何从 parent 那里访问 child 的状态?无需更新 parent 的状态

你好,我是React的新手,我很难全神贯注于整个状态管理以及通过状态和Prop传递数据。我确实理解标准的react方式是以单向方式传递数据-从parent到child,我已经为所有其他组件这样做了。但是我有一个名为Book的组件,它会根据用户选择表单“阅读、想要阅读、当前正在阅读和无”来更改其“书架”状态。在呈现Book组件的BookList组件中,它需要能够读取Book的书架状态并在名为“read、wantToRead、currentlyReading和none”的部分下呈现正确的书籍。由于在这种情况下,Book组件是从BookList组件呈现的,而BookList是父组件,我真的不

javascript - 使用 TypeScript 强制 React 组件命名

有React+TypeScript的应用,所有的组件类都要大写,有Component后缀,例如:exportclassFooBarComponentextendsReact.Component{...}应用程序被弹出create-react-application应用程序,即使用Webpack构建。如何强制组件命名与样式指南保持一致,至少对于组件类而言,当存在不一致时会在构建时抛出错误?我相信这不能单独使用TSLint/ESLint来实现。如果应该对TypeScript和JavaScript使用不同的方法,那么针对这两种语言的解决方案会很有帮助。 最佳答案

javascript - 如何在 React 中使用钩子(Hook)绑定(bind)函数?

基本上我们在构造函数中绑定(bind)事件处理函数,或者像下面这样在React类组件中将它们作为箭头函数classTestextendsComponent{constructor(props){super(props);this.state={count:0};this.setCount=this.setCount.bind(this);}setCount(){this.setState({count:this.state.count+1});}render(){returnIncrease}}但是在Reactv16.7.0中引入hooks之后,类组件变成了具有状态的功能组件。那么如何

javascript - react Hook : dispatch action from useEffect

我的文件夹结构:|--App|--Components|--PageA.js|--PageB.js|--PageC.js|--common-effects|--useFetching.js我正在重构我的代码以使用Reacthooks从API获取数据.我想从useFetching.js中的useEffect发送一个被saga中间件拦截的Action。仅当组件(PageA、PageB、PageC)挂载时才应分派(dispatch)此操作。我正在使用redux、react-redux和redux-saga。PageA.js:function(props){useFetching(action

javascript - 如何为 google maps api v3 街景制作自定义关闭按钮?

我正在尝试在googlemapsapi街景模式下自定义那个非常小的关闭按钮:如何自定义街景关闭按钮? 最佳答案 引用我找到了thisreference在解释如何将dom对象插入街道mapView的谷歌群组中。自定义Javascript代码然后我做了一些自定义编码,这就是我想出的:window.addEventListener('DOMContentLoaded',function(e){//GetclosebuttonandinsertitintostreetView//#buttoncanbeanytdomelementvarcl

javascript - 在 Google Maps Javascript API 中将距离转换为英里

我正在Googlemap中使用一个简单的“如乌鸦飞翔”的距离计算器,但我一直在尝试将返回的两点之间的距离转换为英里。有简单的方法吗?我在这方面还很陌生,感谢所有帮助。这是我目前所在的位置:http://www.public.asu.edu/~tpeiffer/ 最佳答案 似乎computeDistanceBetween函数返回以米为单位的距离——要转换为英里,只需乘以以米为单位的英里数:result*=0.000621371192; 关于javascript-在GoogleMapsJav

javascript - 下划线绑定(bind) vs jQuery.proxy vs native 绑定(bind)

我在回调中遇到了一些上下文问题。我用谷歌搜索并找到了几个选项:native绑定(bind)-旧浏览器不支持JQuery代理下划线绑定(bind)如果我不必支持旧浏览器,我肯定会使用native绑定(bind)。应该注意这些之间有什么显着差异吗?这些可以用作调用/申请的替代方法吗? 最佳答案 据我所知,绑定(bind)和代理之间存在细微差别,如果您使用的是jQuery,这可能会很重要。Function.prototype.bind总是返回一个新的函数指针。如果尚未创建相同参数的代理,jQuery.proxy只会返回一个新函数。并不是说

javascript - 如何使用 HTTPS 调用 HERE Maps API v3

如何通过HTTPS调用HEREmap?我在我的服务器上使用HTTPS,所以当我调用它时:由于“混合内容”,浏览器阻止了请求,因此没有显示map...我试图在脚本源上将“http”更改为“https”,但我遇到了同样的问题,因为两个javascript的代码中都有“http”调用。顺便说一句,后端是用Grails编写的,channel是使用SpringSecurityCore插件保护的。 最佳答案 您需要从https加载API,另外您需要设置://CreateaplatformobjecttocommunicatewiththeHER

javascript - 如何将 Google Ad Sense 嵌入到 React 组件中?

手头的问题专门针对GoogleAdSense,但可以适用于任何脚本标记插入。我不明白如何将这样的东西添加到我的组件中。(adsbygoogle=window.adsbygoogle||[]).push({});这样的事情有可能吗? 最佳答案 像这样的事情不需要第三方脚本。Ad-Sense需要一个看起来像这样的第三方脚本,如果您使用任何类型的模板(即...django模板等...),应该在使用react之前加载它,或者只是将其放入模板中将其放入模板中:然后把你的广告感包括在内,删除评论(假设你使用的是JSX)并把google给你的东西

javascript - 为什么我的 React 复选框 onChange 处理程序在渲染时触发,而不是在单击该框时触发?

阅读了React文档并将问题归结为一个简单的案例,仍然不太明白我做错了什么。JSFiddle:https://jsfiddle.net/justin_levinson/pyn7fLq5/或写在下面:varTestForm=React.createClass({render:function(){return(TestForm)}});varTestBox=React.createClass({render:function(){return()},handleCheck:function(event){console.log("check");console.log(event);}}