草庐IT

react-web

全部标签

javascript - 如何使用 web pack 在 React JS 中从外部 JS 文件导入对象

我正在建立我对ReactJS的了解,我想导入/包含一些外部JS文件,这些文件只包含一个对象/对象数组。我已经在jQuery、VanillaJS甚至AngularJS中做到了这一点。甜的!!!我怎样才能在ReactJS中实现同样的事情。我的index.html如下:HelloReact和我的main.js(入口文件)如下:importHellofrom'./jsx/hello.jsx';importWorldfrom'./jsx/world.jsx';var$=require('./lib/jquery.js');window.jQuery=$;window.$=$;varJobs=re

javascript - React-Native Button onPress 不工作

我正在尝试将函数handleClick绑定(bind)到我的按钮onPress。但它不起作用。当我刷新页面时,我没有单击按钮就收到了警报,而在我关闭警报并单击按钮后,没有任何反应。我的代码是:classActionTestextendsComponent{constructor(props){super(props);this.state={thename:'somename'};}handleClick(){alert('Buttonclicked!');}render(){return();}}我也收到警告:我做错了什么? 最佳答案

javascript - 在 React js 的 TextField 中放置长度约束

我正在接受卡号用户的输入,并希望用户输入的长度不能小于和大于12。这是我的文本字段的声明。现在我不明白是否使用javascript或任何事件处理程序来限制长度。 最佳答案 您可以设置maxLength属性来限制文本框中的文本。您可以将maxLength传递给inputProps(小写i,不是InputProps),而不是onChange方法material-uiTextField的Prop。基本上我们可以通过inputProps对象编辑所有输入元素的原生属性。链接到TextField接口(interface)

javascript - 如何在 React Native 中将文本放在图像上?

如何在ReactNative中将文本垂直放置在图像上?Ifoundthisdoc.但我不能那样做,我不能将text标签添加为Image标签的子组件。我试过如下所示。{this.props.cat.name}conststyles=StyleSheet.create({container:{flex:1,alignItems:'stretch',justifyContent:'center',},imageStyl:{flexGrow:1,width:"100%",height:200,alignItems:'center',justifyContent:'center',},userS

javascript - 我如何使用 React (JSX) 编写 else if 结构 - 三元表达式不够表达

我想在React中编写等价物:if(this.props.conditionA){ConditionA}elseif(this.props.conditionB){ConditionB}else{Neither}也许吧render(){return({(function(){if(this.props.conditionA){returnConditionA}elseif(this.props.conditionB){returnConditionB}else{returnNeither}}).call(this)})}但这似乎过于复杂。有没有更好的办法?

JavaScript 最佳实践 : How to implement long-lived apps (one-page web apps)?

是否有任何最佳实践来实现长生命周期的JavaScript应用程序,即由单个页面组成并通过AJAX将其他页面加载到内容区域的网络应用程序?(Gmail就是一个很好的例子。)我已经阅读了有关优缺点、SEO、性能等的信息(http://stackoverflow.com/questions/1499129/one-page-only-javascript-applications),我对如何实现的模式很感兴趣这个。我想避免使用大型框架(例如Cappuccino、Echo2、SproutCore、Claypool)。如何在维护URL的#link部分(用于书签)的同时管理动态加载内容?不要误会我

javascript - Web worker 在 mac safari 上触发异常

我在创建网络worker时遇到以下异常。检查我的代码片段vartemp=newWorker('/file.js')try{temp.postMessage('msg')}catch(e){console.error(e)}异常是“TypeError:Valueisnotasequence” 最佳答案 我不确定这有多大关系,但是我们在任何启用了WebDriver扩展的Safari实例上遇到了console.*调用的问题。我怀疑它与WebDriver收集控制台日志的方式有关,它以某种方式以某种方式覆盖默认实现,从而引发TypeError

javascript - web socket学习引用

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭10年前。我想用javascript编写一个web套接字客户端,用ruby​​编写一个web套接字服务器。我该从哪里开始呢?是否有任何现有的库可以减少我的工作量?我对谷歌搜索感到迷茫和困惑。请提供从哪里开始的任何链接,前提是您了解ruby​​、javascript、ruby中的基本网络。

javascript - iOS 6 - 有没有办法清除缓存的 ajax POST 请求以添加到主屏幕的 Web 应用程序?

iOS6ajaxPOST请求缓存正在成为我们webApp的一个大问题。我们的大多数用户已将该应用程序添加到主屏幕。自从升级后,大多数对后端的POST请求都无法正常工作,并且数据从6天前开始就过时了,而且还在增加。我们知道有两种解决方法可以解决此问题,一种是更改每个POST请求,通过向其添加时间戳或一些随机输入来使其不同,第二种是禁用网络服务器上的缓存。以下帖子详细介绍了这两种解决方法:IsSafarioniOS6caching$.ajaxresults?如果在iOS6升级之前(或之后)关闭网络服务器上的缓存可以解决问题。但是,似乎自升级后发出的任何POST请求,直到我们关闭从添加到主屏

javascript - Google reCaptcha 在 React.js 中工作?

我已经很接近了...加载元素很好,除了reCaptcha脚本工作方式中的某些东西使得它在创建'g-的实例时不会完成渲染Recaptcha'类。所以。reCaptcha将加载(每次/功能正确)如果我使用...//thedivthatcontainsthereCaptchaisinReactDOM.render(,document.getElementById('non-header'));//addinganotherrecaptcha/api.jstotheheadvarimported=document.createElement('script');imported.src='ht