草庐IT

react-motion

全部标签

将React App构建为模块化JS库

背景我有一个生成的React应用程序创建反应应用。它是一组UI表单,旨在在托管网站中模仿呈现。托管网站提供了一个JS回调,可在完成后调用。动机我希望能够将这个小的React应用程序作为一个独立的“香草”JS模块,然后可以嵌入任何HTML页面。我现在正在运行npmrunbuild并使用我的应用程序获得一个完整的网站-但这不是我需要的。理想的输出应该是一个简单的.js文件,可以将其导入到另一个网站(不一定是用React构建的)。Braintree的JSSDK是我需要的一个很好的例子。示例使用托管网站//thiswillpresenta"fullscreen"UIcomponentandcallca

在React组件方法中如何“此”曲线

我在这里抽象了我的React代码。我没有将“this”与方法a()联系过。也就是说,在我没有做的构造函数中this.A=this.A.bind(this);也不使用任何箭头语法进行绑定。因此,编译器不知道价值是多少这个在a()内。因为我已经使用过this.map在a()内部,编译器应为这个用法。在检查ChromeDev工具中的代码时,我发现编译器似乎正确分配了这个自动通过var_this2=this。我无法理解这种行为。有人可以解释这一点吗?(我是新手反应。如果这个问题听起来很愚蠢,请恳求classTestextendsReact.Component{constructor(props){su

React不要渲染新组件,新的WebPack设置

今天,我正在设置我的第一个WebpackBebelReact项目,这里有一些奇怪的案例。我不知道为什么,但是我所制作的每个组件都不被React认可。我可以直接在检查员中看到它,而且似乎没有被编译。所有标准的HTML元素都已渲染。甚至我创建的组件的构造函数函数内部也没有调用Console.log。我使用WebPack-P运行热模式这是我的webpack配置:constExtractTextPlugin=require('extract-text-webpack-plugin')constwebpack=require('webpack')constpath=require('path')cons

React服务器端在API端口而不是客户端渲染

我有一个用ExpressAPI构建的React应用程序,可以与MongoDB进行交互。我现在正在尝试在我的server.js文件。我不知道为什么,但是服务器渲染的字符串仅在我的API端口的浏览器中发送localhost:3899/api代替localhost:3000我的客户被送达的地方。当我curlhttp://localhost:3899我在控制台中获得了HTML字符串。当我curlhttp://localhost:3000我明白了public/index.html骨骼。我的客户端和服务器目录在同一级别相邻。node_modulesReact-ui服务器...server.js:impor

React js原生 详解 HTML 拖放 API(鼠标拖放功能)

最近碰到了个需求,大概就是要通过可视化拖拽的方式配置一个冰柜,需要把预设好的冰柜内部架子模板一个个拖到冰箱内。一开始的想法是用鼠标事件(mousedown、mouseup等)那一套去实现,能实现但是过程过于复杂,需要控制的状态太多了。其实WebApi为html元素拖拽量身定制了一套HTML拖放API,用这个方法实现一些简单的拖拽功能简直不要太简单。为此写了这篇文章,下面将详细介绍HTML拖放API的核心知识点文档一、被拖拽元素和放置被拖拽元素的元素通常我们所了解的拖放是按住鼠标左键不放然后移动鼠标把一个页面元素从某个位置移动到另一个位置,然后松开鼠标左键,至此完成了整个拖放过程。在这个过程中我

android - 在不创建新 Activity 的情况下在 Android 应用程序中使用 React Native 组件

我正在考虑跨移动平台(iOS和Android)使用react-native组件。我见过的将react-native组件添加到Android应用程序的唯一方法是创建一个扩展ReactActivity的Activity。是否有任何方法可以在较低的粒度级别(例如View)添加/使用react-native组件? 最佳答案 没有必要扩展ReactActivity类。但是:如果您不这样做,您的Activity必须执行ReactActivity否则会为您执行的某些操作。特别是,您必须将一些生命周期事件转发给ReactInstanceManage

javascript - react-native 中是否有与 RCTJavaScriptDidLoadNotification 事件等效的 Android?

在为react-native编写nativeiOS模块时,可以订阅RCTJavaScriptDidLoadNotification通知。这允许您在JS包加载到环境中后执行一些额外的native设置。据我所知,在编写Android模块时没有任何等效项(除非它有不同的名称)。有initialize,您可以从ReactContextBaseJavaModule覆盖它,但这似乎是在加载JS包之前调用的。是否有与RCTJavaScriptDidLoadNotification通知/事件等效的Android? 最佳答案 你应该试试onReact

android - 使用 android styles.xml 更改字体系列的 react native 选择器未更改

我想要在react-native选择器上设置样式字体大小和字体系列。我已经在nativeandroid上设置了自定义样式。但是在我再次构建apk之后没有改变它仍然是相同的字体。我在style.xml上的代码@style/SpinnerItem>CenturyGothicBold16dpAlreadysetaddnewfontonassetwithreact-nativelinkMyresult 最佳答案 试试下面的代码:TextViewtx=(TextView)findViewById(R.id.textview1);Typefac

android - react native Android 崩溃 : java. lang.NoClassDefFoundError

我最近刚刚将我的ReactNativeAndroid应用程序发布到生产环境中,许多用户遇到了以下崩溃:java.lang.NoClassDefFoundError我不确定如何调试它。我似乎无法在我的任何物理设备上本地复制它,而且因为它是Java而不是JavaScript,所以我有点陌生。看起来这些用户都在使用Android4.x,这可能与它有关吗?如果您能帮我指明正确的方向,我将不胜感激! 最佳答案 我遇到了无法重现的相同问题,但我在模拟器Android4.4中收到以下错误我不确定是androidvitals只返回部分错误还是实际上

android - 升级到 Pie(9.0) 后,React native Android 构建卡住了

升级到AndroidPie(9.0)后,react-nativerun-android没有在MiA1上构建应用程序长时间运行后出现以下错误“出了什么问题:任务':app:installDebug'执行失败。com.android.builder.testing.api.DeviceException:com.android.ddmlib.InstallException" 最佳答案 将androidstudio更新到3.2.1并安装所有androidpie包解决了我的问题。 关于andr