这就是我在做什么：jsfiddle

关键部分是：

position: function() {
  var container = $(this.getDOMNode());
  this._menu = $(this.refs.menu.getDOMNode());
  this._menu.appendTo(document.body).
      offset({
          top: container.offset().top + 
              container.outerHeight(),
          left: container.offset().left
      });
},
restore: function() {
  this._menu.appendTo(this.getDOMNode());      
},
componentWillUpdate: function() {
  this.restore();
},
componentDidUpdate: function() {
  this.position();
},
componentDidMount: function() {
  this.position();
},

现在，这很好用。我在组件更新之前将内容放回原处，并假设React在每次更新之间都留有DOM，并且不会错过它。实际上，React似乎可以移动内容（如果我删除componentWillUpdate和componentDidUpdate，则定位的元素仍会更新！）

我的问题是，有多少假设是安全的（即，如果我假设这些事情，我的代码会在React的未来版本中中断吗？）：

• 只要您将DOM放回原处，React就不会在更新之间移动DOM componentWillUpdate。
• React事件处理程序仍将对已移动的元素起作用。
• React会将您要求的任何内联样式与元素上已经存在的样式合并（即使它没有设置它们）。
• 即使您将DOM移动到文档中的其他位置，React也会更新它已经渲染的DOM！

对于我来说，最后一个似乎有些极端和神奇，但如果成立的话，则具有一些重大意义。