草庐IT

Create-react-app

全部标签

javascript - 动态加载 React 组件

我正在考虑构建一个网络应用程序,人们可以在其中安装插件。我希望插件能够定义将呈现到页面的React组件,而无需在安装插件后重新编译主JavaScript包。所以这是我正在考虑的方法:将主要的JavaScript与React捆绑为externallibrary,使用webpack。让插件作者也使用React作为外部库编译他们的组件。这样一来,我只运行了一个React实例。我或许可以对其他一些常用的库执行相同的操作。接下来的问题是如何从服务器动态加载这些插件组件。假设我有以下组件:classPluginRendererextendsReact.Component{componentWill

javascript - three.js OBJLoader 没有加载 react

我正在尝试加载一个对象(.obj)文件以与three.js一起使用并使用react(使用react-three-renderer),但得到一个我的代码如下所示:importReactfrom'react';importReactDOMfrom'react-dom';importReact3from'react-three-renderer';importTrackballControlsfrom'./TrackballControls';import*asTHREEfrom'three';import*asOBJLoaderfrom'three-obj-loader';OBJLoade

javascript - Identity Server 4 + Identity Framework + React 前端

我正在寻找有关如何正确组合这样的环境的建议。Quickstarts中有大量信息和大量Material要涵盖,但经过3天的反复试验后,我仍然感到相当迷茫。我熟悉.NETFramework中的IdentityFramework,但在此之前从未使用过IdentityServer。我们有一个基于Node和MySql构建的微服务设置...Docker容器中的一系列服务,这些服务与MySql集群中它们自己的数据库节点通信。我们有一个内置于React和Redux中的管理UI-它将从AWS存储桶运行。我的任务是使用IdentityServer对这个React前端进行身份验证。我们不会用它对API进行身

javascript - 如何在 React jsx 中有一个外部 JSON 配置文件

我想在我基于React的项目中有一个外部配置文件(JSON)。这是最终结果,或者当我交付它(公用文件夹和bundle.js)时,我的配置文件也应该被提供。用户应该能够根据自己的意愿更改配置并使用我的应用程序。那是没有重新编译我的代码的人应该能够使用它。换句话说,配置文件不应与我的应用捆绑在一起。 最佳答案 接受的答案可能有效。但是,为什么要搞得这么复杂呢?第一步。创建文件Config.js,包含内容varConfigs={prop1="abc",prop2="123"}步骤#2。通过脚本标签加载index.html中的文件。步骤#3

javascript - React JS/Typescript 中的空合并运算符

这个问题在这里已经有了答案:Safenavigationoperator(?.)or(!.)andnullpropertypaths(7个答案)ReplacementofElvisOperatorofAngular2inTypescript(3个答案)关闭4年前。我们在.NET中有Null合并运算符,我们可以按如下方式使用stringpostal_code=address?.postal_code;我们可以在ReactJS中做同样的事情吗?我发现我们可以用&&运算符做什么在address.ts文件中stringpostal_code=address&&address.postal_co

javascript - 如何在 React Admin 包中显示来自服务器端验证的自定义错误消息?

有没有办法使用https://github.com/marmelab/react-admin执行服务器端表单验证?包?这是AdminCreate组件的代码。它向api发送创建请求。如果一切正常,Api会返回状态代码422或状态代码200的验证错误。exportclassAdminCreateextendsComponent{render(){return;}}所以问题是,我怎样才能从服务器发送的错误对象中分别显示每个字段的错误?这是错误对象的示例:{errors:{name:"Thenameisrequired",email:"Theemailisrequired"},message:

javascript - 如何删除影响 React 元素的 Jquery 文档单击监听器?

对于遗留应用程序,我们正在使用React逐个重写Web应用程序的部分内容。因为这不能完全删除文档监听器的垃圾。页面上有很多不同的组件,它们上面都有监听器。这正在影响react组件的性能。例如;MaterialUI切换菜单,https://codesandbox.io/s/o9970jm69例如,切换菜单速度很快,并且可以响应您的点击。但是对于我们的网络应用程序,由于这些文档事件监听器,切换行为与演示不同。是否可以移除React元素的这些文档点击监听器?或者有没有办法摆脱React组件的这些监听器? 最佳答案 jQuery事件的解决方

javascript - 在 iPad Web App 上拖放 - 同时保留滚动功能

我正在使用JqueryUI拖放(http://jqueryui.com/demos/draggable)和https://github.com/furf/jquery-ui-touch-punch将触摸事件映射到鼠标事件。到目前为止,整个拖放操作都很好。我现在遇到的问题是我有一长串可拖动元素,我还需要能够在iPad上滚动列表...当我将列表元素设置为可拖动时,这将不再起作用。我尝试使用jqueryui提供的约束,例如distance和delay-但即便如此,滚动事件似乎已被拖动事件完全禁用/覆盖。我可能需要编写一个自定义函数,例如“只有向左移动至少50像素才能使其可拖动”之类的。有没有

javascript - 使用 Object.create(null) 创建空对象的影响和好处

首先,我制作了一个快速的jsperf测试用例来展示显而易见的东西:Object.create(null)比使用{}语法创建对象要慢得多。http://jsperf.com/js-object-creation-null-proto但考虑到这一事实,在优化和性能方面,前一种情况有时是一个很好的选择吗?换句话说,操作最轻量级的js对象是否可以充分提高性能,以至于在某些情况下使用它成为合理的选择。我指的是您要大量访问对象属性或大量使用forin循环的情况。在库中使用这种方法是否风险太大,人们可能会处理这些不拥有标准Object原型(prototype)带来的标准属性的对象?另外,你知道另一种

javascript - React 和 ES6 继承

注意:这篇文章是在React不支持ES6(v12)时发布的。我有一个ES6类:classBaseClass{getInitialState(){return{message:'Hello!'};}render(){return({this.state.message})}}我可以使用这个表达式在ES6中导出(来源:reactES6browserify)exportdefaultReact.createClass(BaseClass.prototype)这很好用。现在我想使用ES6继承来扩展我的BaseClass类:classExtendedClassextendsBaseClass{g