Reactjs 自定义组件上的反应CSS转换组

尝试将

reactcstranitiongroup

添加到我的组件集合时，我遇到了一个

不变冲突：addComponentAsRefTo（…）

错误

我的父渲染函数如下所示：

var notes = this.props.notes.reverse().map(function (v) {
      return <NoteItem note={v} key={v.id} />;
    });

    return (
      <div className="note-container">
        <ReactCSSTransitionGroup transitionName="example" >
          {notes}
        </ReactCSSTransitionGroup>
      </div>
    );

NoteItemDetails

组件可能与此不相关

完整错误消息为：

未捕获错误：不变冲突：addComponentAsRefTo（…）：只有ReactOwner可以有引用。这通常意味着您试图向没有所有者的组件添加引用（也就是说，不是在另一个组件的“render”方法中创建的）。尝试在新的顶级组件中呈现此组件，该组件将保存ref。

---

有什么解决方案可以帮助我解决这个问题吗？

问题是，我使用的是

require（'react/tools'）

，而模块使用

require（'react'）

，并且通过browserify加载了两次react

书信箱很重要

return (
      <div>
        <div className={classNames} onClick={this._onClick}>
          {note.text}
        </div>
        { showDetails ? <NoteItemDetails note={note} /> : null }
      </div>
    );