草庐IT

react-datepicker

全部标签

javascript - 从相机胶卷 React Native 解码 QR 码图像

我正在尝试在我的应用程序中实现一项功能,用户可以从他们的相机胶卷中选择一张照片,该应用程序将解码检测到的图像中的QR码。我目前正在使用react-native-camera-roll-picker:https://github.com/jeanpan/react-native-camera-roll-picker和react-native-qrcode-local-image:https://github.com/remobile/react-native-qrcode-local-image问题是本地二维码图像库要我传递本地路径,并且与react-native-camera-roll

javascript - 在 Redux 架构中集成 React 和 OpenLayers

我们公司目前正在开发一种新的网络map解决方案。到目前为止,我们决定使用React构建应用程序和OpenLayers4.因为我们要使用Redux我们架构的模式将有一个保存应用程序状态的redux存储。这个栈我们面临的问题如下:map是我们应用程序的核心元素,它的实例需要传递给许多不同的组件。例如,在map上绘制要素的工具需要引用map实例,以便它可以将自己作为交互工具添加到其中。我们讨论了如何构建我们的应用程序以集成OpenLayers与React以最可靠的方式并最终采用两种不同的方法:我们讨论的第一种方法是在应用程序范围的redux存储中保存对map对象的引用,这样它就可以通过@co

javascript - 从 Swagger 生成静态 Javascript 客户端以在 React Native 中使用

我正在构建一个ReactNative应用程序,它将使用具有Swagger2.0定义的API。我去了Swagger的仓库https://github.com/swagger-api/swagger-codegen#where-is-javascript它指向他们的Javascript生成器https://github.com/swagger-api/swagger-js.问题是生成器是动态的,因为我会将客户端嵌入到移动应用程序中,动态生成器不是一个选项。他们还说在https://github.com/wcandillon/swagger-js-codegen有一个第三方项目可用。,表示该

javascript - Rails + Jasmine-Ajax : what is the correct way to test code triggered by `ajax:success` (jquery-ujs)

我正在尝试测试某个内部库,该库在ajax:success事件上触发了一些JS行为。库创建一个如下所示的链接:在库的JS部分有事件绑定(bind)代码,这是我想通过它对DOM的影响进行黑盒测试的部分:$(document).on'ajax:success','.special-link',(e,data,status,xhr)->#CodethathassomeeffectontheDOMasafunctionoftheserverresponse该库在浏览器中按预期工作。但是,当我尝试通过调用$('.special-link').click()测试Jasmine中的库时,无法观察到对D

javascript - react 和 Jest : Cannot find module from test file

为目录中的Redux操作('App.js')设置Jest测试('App-test.js')app/__tests__:这是App.js的header:jest.unmock('../../modules/actions/App.js')importReactfrom'react'importReactDOMfrom'react-dom'importTestUtilsfrom'react-addons-test-utils'import*asAppfrom'../../modules/actions/App.js'在app/有一个模块config.js.这是在需要的地方导入的。问题是,当

javascript - Firefox 扩展 : Error calling executeScript on file but not code

我正在尝试在新选项卡打开时在该选项卡中执行脚本。在我的后台脚本中我有:varlistener=function(tab){browser.tabs.executeScript(null,{file:"content_scripts/contentScript.js"});}browser.tabs.onCreated.addListener(listener);在contentScript.js中:functionfoo(){console.log("Executed");}foo();由此我得到以下错误:Error:Permissiondeniedtoaccessproperty"c

javascript - 使用 React refs 的 scrollIntoView

当用户关闭另一个组件时,我们试图滚动到特定组件。我们的示例与下面的示例非常相似,摘自https://reactjs.org/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-componentsfunctionCustomComponents(props){constitems=[1,2,3,4].map((x,i)=>return(x+hello)return({items});}functionParent(props){return();}classGrandparentextendsReact.Component{re

javascript - 将 jQuery 插件与 React 集成

我正在使用jQuery嵌套插件https://dbushell.com/Nestable/在我的React应用程序中。我知道我们在React中使用jQuery时会出现问题。jQuerynestable解决了我的业务需求,在reactdrag/nestable组件中找不到确切的需求。所以我使用了这个jQuery插件。真正的问题是:在使用这个jQuery插件拖动元素时,它会克隆DOM,除此之外一切都在响应中。初始化jQuery嵌套功能如下:componentDidMount(){this.$node=$(this.nestable);//this.nestableisarefthis.$n

javascript - 你应该如何在 React.js 中调试 JSX?

现在正在尝试学习React.js,但我在语法错误方面遇到了很多麻烦。我不清楚在编写react.js代码时如何调试JSX。典型的JSX语法错误在我的控制台上看起来像这样:“第15行”似乎不对应任何实际代码。在我的IDE中,它是之前的一个空行标签。展开错误仅显示对JSXTransformer.js的几十个引用.当我用谷歌搜索这个问题时,每个人都说要简单地安装React调试器,我也这样做了,但是当涉及到JSX语法时它没有用,并且不会真正启动:其他人建议使用debugger;在我的脚本中调用Chrome调试器,这是明智的,但无论我在哪里调用,JSX错误都会以某种方式停止脚本。

javascript - 如何使用来自其他文件的 React 组件

我有一个像这样的简单reactJS组件:varLikeCon=React.createClass({render:function(){return(Like);}});这被放置在一个名为Common.jsx的文件中。我正在尝试像这样使用antoherjsx文件中的这个LinkeCon组件varFeedTopic=React.createClass({render:function(){vartest=false;return({LikeCon});}});问题是抛出了这个异常Errorwhilerendering"FeedBox"to"react1":ReferenceError:L