草庐IT

react-native-web

全部标签

javascript - React-Router 的历史对象问题

我正在使用React和ReactRouter构建一个非常简单的网页。我已经使用NPM安装了最新版本的ReactRouter模块(v3.0.0),在我的index.js文件中写了3个非常简单的路由:importReact,{Component}from'react';import{render}from'react-dom';import{Router,Route}from'react-router';//ImportcustomcomponentsimportAboutfrom'../components/about.js';importContactfrom'../component

javascript - 使用 react 更改列表中的事件元素

我有一个通过在react中使用数组创建的元素列表。在用户单击时,如何使被单击的元素处于事件状态(通过添加CSS类),同时使其他元素处于非事件状态(通过删除事件类)?我的元素渲染看起来像这样。{this.props.people.map(function(person,i){{person.name}}当用户单击这些元素之一时,将向单击的“媒体”元素添加一个事件类,使单击的元素成为“媒体事件”,同时从先前单击的元素中删除“事件”类?? 最佳答案 constructor(props){super(props);this.state={a

javascript - react native : @providesModule declaration with the same name across two different files

我们有两个repos,它们都有react-native作为依赖项;一个是实际的RN应用程序,另一个是UI包,其中包含许多自定义的react-native组件。当我使用RN应用程序符号链接(symboliclink)(使用npm链接)UI包并尝试启动js服务器时,它抛出以下错误:此错误是由两个不同文件中具有相同名称的@providesModule声明引起的。这似乎是因为它在UI包的react-native副本中获取相同的RN文件。我知道watchman不使用符号链接(symboliclink)存在问题,但我认为这是不同的-与有两个react-native模块有关。请问有人知道解决这个问题

javascript - react native 绑定(bind)动画事件

需要一些JS方面的帮助。是否可以根据需要绑定(bind)动画事件?我需要这样做:onScroll={Animated.event([{nativeEvent:{contentOffset:{y:this.state.animTop}}}])}我也需要这样做onScroll={(e)=>{letpositionY=e.nativeEvent.contentOffset.y;this._handleScroll(positionY);this.setState({y:positionY})}}我试过像这样绑定(bind)两者,但它不需要执行Animated.eventcomponentDi

javascript - 如何防止浏览器加载普通 JavaScript 中的 Web 应用程序?

我写了下面的Greasemonkey脚本来防止我自己访问一些网络应用程序(网站),通常这些我觉得有点上瘾。这是我最接近阻止我的浏览器显示这些站点的方法://==UserScript==//@nameblocko//@include*//==/UserScript==window.addEventListener('load',function(){letsites=['example-1.com','example-2.com','example-3.com'];letdotTLD_andAllAfterIt=/\..+/;lethref=window.location.href;fo

javascript - 从 Javascript 调用 ASMX Web 服务

我想从javascript调用网络服务。这是我的代码:varmethod="GetStock";varurl="http://www.mywebsite.ro/ServiceGetStock.asmx";$.ajax({type:"POST",url:url+"/GetStock",data:"{variant_id='1'}",contentType:"application/json;charset=utf-8",dataType:"json",success:OnSuccessCall,error:OnErrorCall});functionOnSuccessCall(respo

javascript - jQuery 与 native 原型(prototype)冲突

我在将jQuery与nativeJavaScript(不是prototype.js)结合使用时遇到问题。使用以下代码时,jQuery1.9.1会出现错误消息:Object.prototype.myVeryGreatFunction=function(){//...}[Error]TypeError:undefinedisnotafunction(evaluating'U[a].exec(s)')ft(jquery.min.js,line4)wt(jquery.min.js,line4)st(jquery.min.js,line4)find(jquery.min.js,line4)ini

javascript - React : this.状态在for循环中消失

如何将this带入我的.map()循环?它似乎消失了。:-(我正在创建一个“动态表单”,用户可以在其中为其表单指定多行输入。我想遍历state.items[]中的所有项目并为它们构建表单输入字段。例如,表单以“field”和“autocomplete_from”开头。然后用户可以单击添加新行以在其表单中获取更多行。102render:function(){103return(104105{this.state.items.map(function(object,i){106return(107109110State.autocomplete_from:{this.state.autoc

javascript - react native : ListView not displaying all rows

我试图在ReactNativeListView中显示行列表,但它只显示适合单个屏幕的条目,即我无法向下滚动以查看更多行。样式如下:styles=StyleSheet.create({container:{flex:1,marginTop:60},rowContainer:{flexDirection:'row',justifyContent:'space-around'}})ListView:return({this.getHeader()})行:return({text})我做错了什么? 最佳答案 我有同样的问题,发现外面有包装V

javascript - 电话链接在 iframe 中不起作用,尽管它在 iOS9 web 中的 div 中起作用。如何使电话链接在 iOS9 safari 中正常工作?

您好,我在iOS9的iframe中尝试电话链接。在iOS9中,电话应用程序无法在safari中打开。当我在里面尝试相同的链接时,它在那里工作。我正在尝试在anchor标记下方。这段代码放在div中时会打开电话应用程序。但是相同的代码在iframe中不起作用。请建议如何在iframe中工作?请使用以下代码查看iframe外的电话链接1-408-555-5555请使用以下代码验证iframe中的电话链接。variframe=document.getElementById("test");variDoc=iframe.contentDocument;iDoc.write('1-408-555