ReactCSSTransitionGroup与React 0.14和相当不变的违规:addComponentAsRefTo(...)

时间:2015-11-29 00:30:03

标签: reactjs reactjs-flux

好吧,我以前在使用ES3语法的ReactJS中做了一些工作。现在我正在尝试使用ES6,但我不能简单地使用ReactCSSTransitionGroup,因为出现了绝对疯狂的错误

  

不变违规:addComponentAsRefTo(...):只有ReactOwner可以有refs。这通常意味着您尝试将ref添加到没有所有者的组件(即,未在其他组件内创建'渲染'方法)。尝试在新的顶级组件中渲染此组件,该组件将保存参考。

那是什么?

    import React from 'react';
    import ReactCSSTransitionGroup from 'react-addons-css-transition-group';

    render(){
     return <ReactCSSTransitionGroup transitionName={transitions}>
      <Content/>
    </ReactTransition> 
    }

1 个答案:

答案 0 :(得分:4)

我的问题是我在webpack配置中使用external设置来排除reactreact-dom,以便我可以单独包含它们,但react-addons-css-transition-group似乎可以参考react通过非标准路由,因此引用没有正确地进行外部化。

我改变了使用Webpack的vendor bundle方法在供应商包中使用reactreact-domreact-addons-css-transition-group的方法,这似乎对我有用。