我正在使用react-draggabe。我喜欢通过将子组件包装到另一个类似的组件中来为它添加功能的想法<Draggable>。这个组件管理自己的状态，这很酷。这样我就不用关心任何事情了。
但是：我需要在事件发生时获取拖动元素的当前位置（例如，用户单击另一个子组件中某处的按钮）。我知道我可以使用 onStop-handler 并将新位置保存在父元素的状态中。但这是一个问题：我复制了可拖动组件的状态，因为我也将它保存在父级中。我不想那样做。
这样做的react方式是什么？
我是 rect 和这种想法的新手，所以我会很感激你的一个很好的解释。
你可以用refs做到这一点：
var Foo = React.createClass({
componentDidMount() {
console.log(this.refs.bar.baz) // "qux"
},
render() {
return (
<div>
<Bar ref="bar" />
</div>
);
}
});
var Bar = React.createClass({
getInitialState: function() {
return {baz: 'qux'};
}
});
我做了一个小提琴为您提供访问状态形式的子组件的一个例子。有一个组件增加一个值，它的兄弟组件渲染它，通过props/refs从它们的父组件访问这个值。