好吧,我以前在使用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>
}
答案 0 :(得分:4)
我的问题是我在webpack配置中使用external
设置来排除react
和react-dom
,以便我可以单独包含它们,但react-addons-css-transition-group
似乎可以参考react
通过非标准路由,因此引用没有正确地进行外部化。
我改变了使用Webpack的vendor bundle方法在供应商包中使用react
,react-dom
和react-addons-css-transition-group
的方法,这似乎对我有用。