草庐IT

react-meteor-data

全部标签

javascript - 配置 karma.js 以使用 react 和 ES6

我尝试用ES6开发一个react模块,但找不到任何生成器,所以我不得不从一个基本的生成器开始。我能够配置几乎所有的东西,但是我在尝试配置karma、测试我的模块时遇到了很多问题。这是我的karma.conf.js//Karmaconfiguration//http://karma-runner.github.io/0.12/config/configuration-file.html//Generatedon2015-03-17using//generator-karma0.9.0module.exports=function(config){'usestrict';config.se

javascript - 带有片段的 jQuery .data()

在这个jsFiddle中:https://jsfiddle.net/cu99jyc2/请注意,在片段上设置.data()后,它就可以读取它了。另外,请注意jQuery版本是1.9.0现在,如果您将jQuery版本更改为1.9.1,它将失败:https://jsfiddle.net/cu99jyc2/1/这是为什么?它实际上是旧jQuery中的一个错误吗?如果是这样,究竟是什么错误?您允许/不允许在哪些类型的节点上设置.data()? 最佳答案 导致行为差异的变化在acceptData方法中。如果您查看jQuery代码,您会看到以下注

javascript - React-router:防止导航到目标路线

我正在使用具有历史记录的react-routeruseQueries(createHashHistory)()并且我有几条我想根据路由配置阻止导航的路由。所以路由配置是这样的:...所以让我们假设我在#/view-2上并调用类似history.push({pathname:'/view-1'});的操作.但是一旦路线view-1有一个标志canNavigate={false}-我想阻止导航到它并显示一条消息而不改变哈希和任何其他副作用(比如调用view-2的onLeaveHook)。我在考虑听历史:history.listenBefore((location,callback)=>{/

javascript - React : Best way to update self, 但阻止 child 更新?

我正在研究拖放实现(从头开始,不使用DND库),并希望在拖动过程中限制不必要更新的数量。拖动“克隆”(通常是原始元素的副本,但可以是任意占位符)是通过更新容器组件(“Clonetainer”)上的状态并使用它来应用转换来实现的。但是,在移动过程中更新整个子树是没有意义的,因为唯一的变化是容器的坐标。这是我的解决方案:constClonetainerRenderShield=React.createClass({shouldComponentUpdate:function(newProps){returnnewProps.shouldUpdate;},render:function(){

javascript - 未捕获的类型错误 : $(. ..).data(...).saveAsPDF 不是函数。剑道网格

我正在尝试将数据导出到剑道网格中的pdf。网格:$("#tax_lists").kendoGrid({toolbar:["excel","pdf"],excel:{allPages:true,fileName:"Products.xlsx"},pdf:{allPages:true,avoidLinks:true,paperSize:"A4",margin:{top:"2cm",left:"1cm",right:"1cm",bottom:"1cm"},landscape:true,repeatHeaders:true,template:$("#page-template").html()

javascript - 如何在 React Native Router Flux 中嵌套场景并使用方向 ='vertical' 导航?

我想嵌套react-native-router-flux的并尝试了以下操作,但我无法导航到来自:我想嵌套Profile内部组件Home组件,因为它只能通过Home访问组件。那么我该如何正确嵌套Profile内部组件Home组件?当我也导航到Profile时组件,它使用vertical导航方向,但是当它试图导航到另一个组件(例如Actions.test())时,它没有direction='vertical'设置,来自Profile组件,它应该垂直导航时水平导航,而在Profile内点击后退按钮组件返回vertical方向。自从我导航到Profile组件vertically,我怎样才能得到

javascript - 如何将 `data-trim` 和 `data-noescape` 应用于 Reveal.js 中的 Markdown 代码块?

有没有办法在markdown代码块中使用以下两个属性(而不是使用HTML)?...我尝试在页面加载后以编程方式添加这些,但它们没有被使用(有意义)。我还查看了是否可以通过将这些设置作为选项传递给marked.js来始终拥有这些设置。/markdown.js但插件似乎不允许这样做。这与使用Reveal.js有关-seedocumentation. 最佳答案 我目前的解决方法是使用inlinehtml相反:...elementattributes不幸的是,hack似乎没有添加空属性。 关于j

javascript - 如何在 Vue.js 中测试计算属性?无法模拟 "data"

我想知道如何在Vue.js的单元测试中测试计算属性。我已经通过vue-cli(基于webpack)创建了一个新项目。例如这是我的组件:exportdefault{data(){return{source:[]}},methods:{removeDuplicates(arr){return[...newSet(arr)]}},computed:{types(){returnthis.removeDuplicates(this.source))}}}我试过这样测试it('shouldremoveduplicatesfromarray',()=>{constarr=[1,2,1,2,3]co

javascript - React Native 元素类型无效。检查渲染方法

我环顾四周,其中大部分问题都是导入或导出不正确造成的,但我检查了我的应用程序,但我不确定我导出/导入的内容有误。这正是我遇到的错误。React.createElement:typeisinvalid--expectedastring(forbuilt-incomponents)oraclass/function(forcompositecomponents)butgot:object.Youlikelyforgottoexportyourcomponentfromthefileit'sdefinedin.ChecktherendermethodofFooterTabs.不确定渲染方法是

javascript - 使用 react-router v4、Jest 和 Enzyme 测试组件

我有一个使用react-router的简单组件(我知道这是alpha版本):{props.app&&props.app.health&&}建议在中包装的文档在测试时为组件提供上下文。但是,使用Jest/Enzyme我无法shallow()渲染-我必须使用enzyme的mount()或render(),这会导致问题,因为HomeLogin是一个连接的组件-我希望能够测试我的组件是否呈现正确的内容,但不测试其中呈现的组件。我的测试:it('Rendersbaseduponmatchedroute',()=>{letprops={app:{health:true},};constcompon