diff --git a/src/addons/transitions/ReactCSSTransitionGroup.js b/src/addons/transitions/ReactCSSTransitionGroup.js index 2a3301fd7a..c54d9a7aeb 100644 --- a/src/addons/transitions/ReactCSSTransitionGroup.js +++ b/src/addons/transitions/ReactCSSTransitionGroup.js @@ -21,8 +21,12 @@ var React = require('React'); -var ReactTransitionGroup = require('ReactTransitionGroup'); -var ReactCSSTransitionGroupChild = require('ReactCSSTransitionGroupChild'); +var ReactTransitionGroup = React.createFactory( + require('ReactTransitionGroup') +); +var ReactCSSTransitionGroupChild = React.createFactory( + require('ReactCSSTransitionGroupChild') +); var merge = require('merge'); diff --git a/src/addons/transitions/ReactTransitionGroup.js b/src/addons/transitions/ReactTransitionGroup.js index 9f4276c31d..6a9e1888c9 100644 --- a/src/addons/transitions/ReactTransitionGroup.js +++ b/src/addons/transitions/ReactTransitionGroup.js @@ -183,7 +183,11 @@ var ReactTransitionGroup = React.createClass({ ); } } - return this.props.component(this.props, childrenToRender); + return React.createElement( + this.props.component, + this.props, + childrenToRender + ); } }); diff --git a/src/browser/__tests__/ReactDOM-test.js b/src/browser/__tests__/ReactDOM-test.js index da0fadb6e2..aae27e976e 100644 --- a/src/browser/__tests__/ReactDOM-test.js +++ b/src/browser/__tests__/ReactDOM-test.js @@ -25,6 +25,7 @@ var React = require('React'); var ReactDOM = require('ReactDOM'); var ReactMount = require('ReactMount'); var ReactTestUtils = require('ReactTestUtils'); +var div = React.createFactory(ReactDOM.div); // TODO: use string describe('ReactDOM', function() { // TODO: uncomment this test once we can run in phantom, which @@ -58,7 +59,7 @@ describe('ReactDOM', function() { it("should allow children to be passed as an argument", function() { var argDiv = ReactTestUtils.renderIntoDocument( - ReactDOM.div(null, 'child') + div(null, 'child') ); var argNode = ReactMount.getNode(argDiv._rootNodeID); expect(argNode.innerHTML).toBe('child'); @@ -66,7 +67,7 @@ describe('ReactDOM', function() { it("should overwrite props.children with children argument", function() { var conflictDiv = ReactTestUtils.renderIntoDocument( - ReactDOM.div({children: 'fakechild'}, 'child') + div({children: 'fakechild'}, 'child') ); var conflictNode = ReactMount.getNode(conflictDiv._rootNodeID); expect(conflictNode.innerHTML).toBe('child'); diff --git a/src/browser/ui/dom/components/ReactDOMButton.js b/src/browser/ui/dom/components/ReactDOMButton.js index 68734854ff..d9c07a78db 100644 --- a/src/browser/ui/dom/components/ReactDOMButton.js +++ b/src/browser/ui/dom/components/ReactDOMButton.js @@ -21,12 +21,13 @@ var AutoFocusMixin = require('AutoFocusMixin'); var ReactBrowserComponentMixin = require('ReactBrowserComponentMixin'); var ReactCompositeComponent = require('ReactCompositeComponent'); +var ReactDescriptor = require('ReactDescriptor'); var ReactDOM = require('ReactDOM'); var keyMirror = require('keyMirror'); -// Store a reference to the