草庐IT

react-transition-group

全部标签

javascript - D3js : Dragging a group by using one of it's children

Jsfiddle:http://jsfiddle.net/6NBy2/代码:varin_editor_drag=d3.behavior.drag().origin(function(){varg=this.parentNode;return{x:d3.transform(g.getAttribute("transform")).translate[0],y:d3.transform(g.getAttribute("transform")).translate[1]};}).on("drag",function(d,i){g=this.parentNode;translate=d3.tr

javascript - React 组件在浏览器中正确呈现,但呈现 : "Only a ReactOwner can have refs" 时 Jest 测试错误

我在React中有两个组件可以很好地呈现并在浏览器中产生预期的行为,但在通过Jest运行测试时似乎无法呈现。描述.jsvarReact=require('react/addons');var$=require('jquery');varDescription=require('./description.js');varDescriptions=React.createClass({getInitialState:function(){//containeralwaysstartswithatleastonedescriptionfieldthatisempty,orwhateveri

javascript - 从 Meteor 中的另一个模板获取 react 变量

我在Meteor中有一个带有一些嵌套模板的模板:{{>firstTmpl}}{{>secondTmpl}}如果我在firstTmpl中设置一个响应式var/dictTemplate.firstTmpl.events({'click.class-name':function(event,template){template.state=newReactiveDict;template.state.set('someName','someValue');}});我可以在同一个模板中获取这个值Template.firstTmpl.helpers({myValue:function(){Tem

javascript - react-hot-loader 的 webpack 输出文件去哪里了?

首先让我说我设置的一切都有效,这只是一个困扰我的问题,我很想得到答案。我正在使用react-hot-boilerplate项目(https://github.com/gaearon/react-hot-boilerplate)。然而,在webpack.config.js中,这个设置让我困惑不已:output:{path:path.join(__dirname,'dist'),filename:'bundle.js',publicPath:'/static/'},在此配置中,输出文件似乎应该进入项目根目录中的dist文件夹。即使我手动创建dist文件夹(我知道我不应该这样做),也不会输出

javascript - ReactiveX:Group and Buffer only last item in each group

如何对一个Observable进行分组,并从每个GroupedObservable中仅在内存中保留最后发出的项目?这样每个组的行为就像BehaviorSubject一样。像这样:{user:1,msg:"Anyonehere?"}{user:2,msg:"Hi"}{user:2,msg:"Howareyou?"}{user:1,msg:"Hello"}{user:1,msg:"Good"}所以在内存中我们只有每个用户的最后一项:{user:2,msg:"Howareyou?"}{user:1,msg:"Good"}当订阅者订阅时,这两个项目会立即发布(每个都有自己的发射)。就像我们为每

javascript - 是否可以在一个 react ​​组件中有两种状态

我正在尝试构建一个简单的单位转换器来练习React.js。我希望能够更改一个单位的值,例如:Kg,并让另一个单位,例如:lb在屏幕上自动更改。请看这个网站给你一个想法:http://www.convertunits.com/from/lb/to/kg我有以下代码,它呈现但单位不更新。我想知道的是:一个组件有两种状态是否准确?1表示Kg另一个用于lb或者它们是否需要成为兄弟组件?如果是这样,他们将如何更新彼此的状态?如果可以在同一个组件中同时拥有两个单元的状态,那么我做错了什么?谢谢!(我有一个简单的快速应用程序来呈现页面)importReactfrom'react';exportdef

javascript - React 组件抛出的错误,被不相关的 promise 的 catch block 捕获

这是我遇到的。在React组件的渲染函数的某处,我有这个:{first_name}{last_name}我用这个替换了它:{first_name.toUpperCase()}{last_name.toUpperCase()}我的应用程序无法再登录。我正在使用Axios与后端对话。Axios是基于promise的。在我进行了上述更改之后。它显然开始执行我的loginAPI调用的then和catchblock。当我在catchblock中打印响应时。functionlogin(data,success,error){axios.post('/login',JSON.stringify(da

javascript - LoopBack "group by"能用mySQL吗?

我是LoopBack的新手,我似乎遗漏了什么。我听说过很多关于StrongLoop和LoopBack的事,我很难相信这根本不存在。我的情况:我正在计算每个不同严重性的事件数量。以表格为例:EventID|Severity1|22|23|44|35|36|57|18|2现在我想计算事件的数量并按严重性对它们进行分组,所以我得到类似这样的JSON返回:{1:1,2:3,3:2,4:1,5:1}*(severity:count)*使用SQL非常简单,只需使用"SELECTseverity,count(severity)FROMeventsGROUPBYseverity"。我已经对此进行了一段

javascript - 我如何渲染没有 jsx 格式的 react 组件?

我尝试制作我的“智能”弹出组件,它可以在内部打开一些组件,但我的实现并不好,因为它不起作用。我使用redux方法创建弹出窗口,打开弹出窗口的操作能够在弹出窗口打开之前获取任何组件的名称进行渲染;但我遇到了一些问题,在获取参数后,在我们的例子中是nameOfComponent,我需要选择并渲染名称为nameOfComponent的组件。现在我的问题是,它如何从数组中渲染组件?//He'smycomponentsimportLoginfrom'../Login/login.js';importLogoutfrom'../Logout/logout.js';constpopupContent

javascript - react - 在不破坏封装的情况下访问 DOM

是否有一种规范的方法可以在不破坏封装的情况下执行类似以下的操作?importReact,{Component,PropTypes}from'react';classDashboardextendsComponent{constructor(props,context){super(props,context);this.setRef=::this.setRef;}componentDidMount(){constnode=ReactDOM.findDOMNode(this.someRef);constnewHeight=window.innerHeight-node.offsetTop