草庐IT

react-native-safe-area-view

全部标签

javascript - 找不到模块 'react'

我正在尝试将React集成到现有网页中。目前,我无法加载我的React应用程序。我的React应用程序有两个文件。此时,它们看起来像这样:myApp.jsimportReactfrom'react';importReactDOMfrom'react-dom';importMyComponentfrom'./components/myComponent';ReactDOM.render(,document.getElementById('root'));我的组件.jsimportReactfrom'react';importReactDOMfrom'react-dom';classMyC

javascript - JavaScript 中的 'native' 关键字是什么意思?

我在Chrome的开发者控制台中偶然发现了一个名为v8Locale的函数。出于好奇,我进入了获取源码的函数,结果显示如下代码:function(a){nativefunctionNativeJSLocale();varb=NativeJSLocale(a);this.locale=b.locale;this.language=b.language;this.script=b.script;this.region=b.region;}我开始在Internet上搜索并找到了thisfile这似乎是来源(尽管它看起来已经被缩小了)。我不知道native关键字在这里是什么意思。当我尝试自己制作

javascript - 如何防止加载 React 的多个副本?

在我之前的Meteor应用程序中,使用browserify和React,一切正常,直到我切换到meteorwebpack.我使用react-select在我的Meteor应用程序中,它运行良好,但使用browserify我可以防止加载多个react副本,从而防止我现在遇到的这个错误:Error:InvariantViolation:addComponentAsRefTo(...):OnlyaReactOwnercanhaverefs.Youmightbeaddingareftoacomponentthatwasnotcreatedinsideacomponent's`render`me

javascript - 在 react 中导入多个文件

我正在为我的React项目使用create-react-app。它已经为导入图像配置了webpack。我希望将多个图像(比如10个)从一个图像文件夹导入到一个组件中。最简单的方法是添加多个导入语句,例如-importImg0from'../images/0.png';importImg1from'../images/1.png';importImg2from'../images/2.png';importImg3from'../images/3.png';importImg4from'../images/4.png';importImg5from'../images/5.png';im

javascript - 在 react native 中返回时如何使用 flatlist 保持滚动位置?

我是ReactNative的新手。向前导航然后返回到该屏幕时,我在保持平面列表的位置时遇到问题。当前行为向前导航然后向后导航时,滚动位置会丢失。预期行为当浏览大量项目列表时,用户向下滚动列表并单击某个项目。该应用程序会转到显示产品详细信息的下一页。如果用户决定向后导航,则页面不会滚动到前一点。 最佳答案 尝试处理状态下滚动位置的变化:handleScroll方法:handleScroll:function(event:Object){this.setState({scrollPosition:event.nativeEvent.co

javascript - 在 Jasmine 测试中更新 React 组件状态

我有一个相对简单的React组件,它根据其状态呈现列表。然后我有一个karma/jasmine测试来渲染组件,设置它的状态,并检查是否渲染了正确的标记。我遇到的问题是,每次我在我的组件上执行setState({})或forceUpdate()时,我都会收到错误消息:TypeError:'undefined'isnotanobject(evaluating'deepestAncestor.firstChild')at/home/company/projects/user_interface_kit/bower_components/react/react.js:10314在React组件

javascript - React - 忽略子节点

有没有办法阻止React移除/更改React组件中嵌入的节点。例如,我有一个React组件,它充当一个非React组件的容器,该非React组件自行管理其DOM。有没有办法为reactjs标记这样的组件,这样它就不会修改它的DOM?在我的例子中,我希望我的React组件可以被CKeditor内联编辑,但是React总是删除/销毁编辑器和它添加到DOM的所有节点,因为它们没有在React组件本身中定义,并且所以它认为那些元素不应该存在。有什么想法吗? 最佳答案 如果您从组件上的shouldComponentUpdate方法返回fals

javascript - 使用参数缓存 URL View /状态

我正在使用Cordova和AngularJS制作移动应用程序。目前我已经安装了用于路由的ui-router,但我愿意接受任何其他路由选择。我的愿望:我想缓存某些绑定(bind)了参数的View。换句话说,我想缓存路径(或页面)。示例情况:假设我们看到一些仪表板页面,单击重定向到路径book/2的书籍封面。此路径是第一次加载到应用程序中。路由器从HomeController重定向到BooksController(不管名字是什么)。现在,BooksController为给定的$stateParams(书籍id=2)加载数据,并创建包含所选书籍信息的View。在这种情况下我想要什么:我回到仪

javascript - 如何防止 iOS 键盘使用 CSS 或 JS 将 View 推离屏幕

我有一个响应式网页,当您点击一个按钮时,它会打开一个模式。当模式打开时,它被设置为使用固定定位占据页面的整个宽度和高度。模式中还有一个输入字段。在iOS设备上,当输入字段获得焦点时,键盘会打开。然而,当它打开时,它实际上将整个文档向上推开,以至于我的页面的一半超出了视口(viewport)的顶部。我可以确认实际的html标签本身已经被推高以补偿键盘,并且它没有通过CSS或JavaScript发生。有没有人以前见过这种情况,如果有,有没有办法阻止它,或者在键盘打开后重新定位东西?这是一个问题,因为我需要用户能够在模式顶部看到内容,同时我想自动聚焦输入字段。 最

javascript - 在 Rails 中测试 JavaScript View

在Rails中测试JavaScriptView(测试页面是否明智地运行JavaScript)的最佳方法是什么?假设我有一个名为/users/new的页面,其中包含一个可以执行某些操作的表单。我想要它以便我提交表单,JavaScript测试工具将让我知道该页面是否中断。执行此操作的最佳方法是什么?我遇到了三个测试选项:Konacha(迄今为止JSBDD的最佳工具)http://www.solitr.com/blog/2012/04/konacha-tutorial-javascript-testing-with-rails/JasmineRice(Jasmine+Rails+Guard)