草庐IT

react-templates

全部标签

为什么不变性的概念在React及其生态系统中被接受?

在ES6中,还有其他方法可以声明一个变量让和const声明的变量const不能重新分配或重新宣布。为什么有这么多constReact应用中的声明以及使用的独特好处是什么const超过var和让?看答案代码的多个部分依赖相同的变量(例如PI)很常见。如果该变量是一个恒定且不可变的变量,那么您就不必担心它在无法预测的时间基于谁可能会写信给它。如果变量不应更改,则应使其不变,以确保其不会意外重新分配。这样,您可以相信变量的值将始终相同。笔记,const与不变性无关。即使您对对象有恒定的引用,对象本身仍然可以更改。

android - 如何检查服务器是否可以在 react-native 中访问

我想在发出请求之前检查我的应用程序尝试访问的服务器是否可以访问(当互联网可以访问时)。我正在使用FetchAPI,现在我正在使用运行良好的函数超时,但我的问题是有什么方法可以检查服务器是否可达。我尝试使用all-reacheablenpm包并添加了以下代码,但我没有收到任何回调响应。isReachable(['http://aposddasd.com','http://google.com'],(err,reachable,host)=>{console.log('Serveris'+reachable);//=>falseconsole.log('Applog'+host);//=>

android - 如何自定义react native的按钮

我正尝试在react-native中制作我的应用程序按钮,如下所示我正在使用ReactNative的内置ButtonView,我发现它也不允许更改高度。我想像预期的图像一样改变高度和圆角。这是我的按钮的样子:navigate("EnableNotification")}/> 最佳答案 所以这就是我通常做的:{/*dothis*/}}>Button我发现使用这种方法可以使按钮更加可定制,但是如果您进行一些挖掘,可能会有一个实现类似功能的库(我从来没有真正发现需要搜索它)。注意:显然,您必须根据自己的喜好调整按钮的高度/宽度。编辑:我的

android - React Native 安装错误

当我运行“react-nativerun-android”时,我一直遇到同样的错误。这是错误:*Whatwentwrong:Aproblemoccurredconfiguringproject':app'.>failedtofindBuildToolsrevision23.0.1我试过了-->failedtofindBuildToolsrevision21.1.1-sdkuptodate-->并得到同样的错误。我用自制软件安装了androidsdk,我的ANDROID_HOME导出在我的.bash_profile和.zshrc文件中,如下所示:exportANDROID_HOME=/u

android - 多个设备/模拟器 react native react native 启动错误

我启动我的Genymotion,然后通过VSCode在我的reactnative项目上执行npmstart。我收到这条消息:>PressatoopenandroiddeviceorEmulator>PressqtodisplayQrCode..所以我按了a但我得到了这个错误:Errorrunningadb:morethanonedevice/emulator我该如何解决这个问题?我尝试adbdevices查看我的设备,我看到了这个列表:emulator-5562hostemulator-5560hostemulator-5558host192.168.X.Xdevice我的操作系统是w

android - react-native-router-flux 禁用 android 后退按钮返回登录屏幕

使用react-native-router-flux,在用户成功登录后,我想禁用后退按钮返回登录屏幕。但我似乎无法找到获取当前“场景”或“堆栈”然后进行一些登录的方法:backAndroidHandler={()=>{if(currentScene===afterLoginScreeen){returntrue;}}}有没有人设法处理这个问题? 最佳答案 根据我使用react-native-router-flux的经验type={ActionConst.RESET}inScene这应该是您需要避免返回登录屏幕的内容ActionCon

android - react native 矢量图标显示为问号

我已经安装了react-nativev0.46并安装了NativeBase,但在组件中使用标签后,没有显示图标而是显示问号(Android且未在iOS中测试)。为了解决这个问题,我做了很多修改,如下所示:rnpm链接react-native链接react-native-vector-iconsNativeBase安装指南:https://nativebase.io/docs/v0.3.0/getting-startedhttps://github.com/oblador/react-native-vector-icons我的json包文件:{"name":"杂志",“版本”:“0.0.

将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