草庐IT

react-web

全部标签

javascript - 使用 Web API 的客户端 Web 应用程序,如何根据服务器端 Web API 的期望填充选择框字段值?

我在一个Web应用程序中工作,该应用程序有一个由ASP.NETCoreMVC提供支持的服务器,前端是一个使用TypeScript的Angular5.0单页应用程序。在客户端我有一个带有表单的页面和一些输入控件。我在这里的设计挑战是中的选择应限制为我的.NETCore中WebAPI期望的值。由于服务器和客户端应用程序是同一个VisualStudio解决方案的一部分,我想尽量减少WebAPI中的破坏性更改。我认为我可以做到这一点的一种方法是让客户端表单和输入有些愚蠢,并从服务器请求有效值来填充控制与。这样我就不必在客户端和服务器中重复逻辑(例如,如果我在C#中定义了一个枚举,然后在Type

javascript - React 函数未在 "this"中显示,但仍可调用

我对React函数如何绑定(bind)到this感到困惑。importReact,{Component}from'react';classAppextendsComponent{randomFunction(){console.log("HelloWorld")}render(){return({console.log(this)}{console.log(this.randomFunction)});}}exportdefaultApp;您应该在控制台上看到这两个都返回了一些东西,但是randomFunction不存在于之前的this对象中。如下图所示我很想知道这个链接是如何/在哪里

javascript - Safari Extension 可以对新标签页的创建使用react吗?

我目前正在为Safari5编写我的第一个扩展。我找不到关于扩展可以响应哪些事件的引用。我希望我的扩展对这些事件使用react:创建新标签时。创建新的浏览器窗口时。当标签内的URL更改时。这可能吗? 最佳答案 是的。创建一个InjectedScript并将其添加为结束脚本。设置ExtensionWebsiteAccess的访问级别在所有的构建器中。在Safari中加载的每个页面都会调用您的注入(inject)结束脚本,这涵盖了您提到的所有情况。 关于javascript-SafariExt

javascript - MutationObserver 不会对文本输入字段的更改使用react

我正在努力使特定于IE的网站适应其他浏览器。例如,onpropertychange已被广泛使用,我正在使用MutationObserver来模拟该行为。但是,我无法让MutationObserver对input=text字段的值更改使用react,无论是程序更改还是用户输入。考虑:和varconfig={attributes:true,childList:true,characterData:true,subtree:true};varobserver=newMutationObserver(function(){alert('success');});observer.observe

javascript - 如何在单页(Web)应用程序上进行 "end-client"性能测试?

我们正在评估如何在single-pageapplication(SPA)上测试性能这在很大程度上依赖于JavaScript和动态内容(通过Ajax更新)。流行的负载测试工具,如ApacheJMeter或Gatling能够通过发送HTTP请求用很少的硬件产生巨大的负载。但它们不处理任何Javascript代码。我们想衡量客户端感知的性能,即坐在浏览器前的最终用户感知的性能(包括所有渲染和JavaScript开销)。我们考虑了以下备选方案:使用SeleniumGrid在多台机器上同时运行测试脚本。每个实例都将在运行时收集的延迟数据提交到中央存储库。与上面类似,只是只启动了一个Seleniu

javascript - 如何使用虚拟 DOM 在 React/Javascript 中重新加载输入值?

我在重新加载输入值时遇到问题。然后我用this.props.handlingAgent.email="asd"在调试器中this.props.handlingAgent.email的值实际上是asd,但在输入中仍然是旧值。如何在没有JQuery的情况下刷新该值?它不应该自动刷新吗? 最佳答案 首先,Prop是传递给您的东西。将它们视为函数参数。child真的不应该去修改它们,因为它打破了parent的任何假设并使您的UI不一致。在这里,由于prop已传递给您,您希望从父级获取一个处理程序,您可以调用该处理程序来通知您的更改:varA

javascript - 在 getDefaultProps 中缓存 Prop 是 React 中的反模式?

我正在编写一个复杂的React应用程序并使用Cortex作为我的中心模型。cortex的理念是它包装您的数据并在更改数据时从根调用完整的重新渲染。这非常有用,尤其是当您有非分层View更改状态并影响其他View时。我面临的问题是在重新渲染时维护状态/Prop。例如,我有一个特定的层次结构,如下所示:EditorCard需要Editor的JavaScript实例为了更改Editor单击PublishButton(我在Editor中使用了一个外部库,它公开了编辑方法)。因此Editor在ComponentDidMount将实例设置为prop在EditorCard上通过调用传递给它的函数。我

javascript - 附加到 React 输入组件的日期选择器

如果没有原生支持,我想用日期选择器小部件填充所有日期输入;例如,jQueryUIdatepickers.查看演示here.在GoogleChrome中,它呈现native日期输入,而在Firefox(v32.0.3)中,jQueryUI小部件得到部署。这正是我遇到问题的地方。输入中的所有手动更改(键盘编辑)都很好地反射(reflect)在日期选择器小部件中。但是,反过来,如果我在小部件日历中选择一天,则新值不会被底层React组件获取。在演示中,您会注意到在Chrome中,在选择一个日期时,另一个日期会自动调整。对于Firefox中的日期选择器,该功能已被破坏。React不知道值会发生

javascript - 使用适当的状态/ Prop react 自修改组件

我现在正在做一个宠物项目,我决定使用React作为View。我对它的开发还很远,但我刚刚开始意识到我可能不明白如何很好地使用React,因为似乎为了做简单的事情,你必须采取一些非常极端的措施!所以,是时候举一个任意的例子了!这是适用于JsFiddle的代码varName=React.createClass({render:function(){return{this.props.value}}});varNameContainer=React.createClass({getInitialState:function(){return{names:[{id:1,name:'Fred'}

javascript - 如何在 React 组件上设置 -webkit-overflow-scrolling 内联样式

我正在为React组件使用内联样式。它们可以定义如下。conststyle={position:'absolute',left:0,right:0,bottom:'7.5%',top:'5.2rem',overflowY:'auto',},它与css有一些语法上的不同,比如css中的'overflow-y'应该在内联样式中设置为overflowY。现在我想知道如何将这种样式-webkit-overflow-scrolling设置为react中的内联样式?我已尝试以下设置,但均无效。WebkitOverflowScrolling:'touch','-webkit-overflow-scr