reactjs - 为什么 React-Magic-Move 示例在 JSFiddle 中中断并出现 "Only a ReactOwner can have refs"错误？

Question

我想获得漂亮的“基本”(美国)示例 react-magic-move在 JSFiddle 工作的组件，用于修补。 (另请参阅令人印象深刻的视频演示 https://www.youtube.com/watch?v=z5e7kWSHWTg#t=424 )

我已将react-magic-move 'dist' 脚本添加到 Base React (JSX) fiddle 中，以及其他(最小化的)示例 JS/CSS/HTML。您可以在此处查看尝试:

http://jsfiddle.net/69z2wepo/4692/

但是，它在初始渲染后期触发了错误:

不变违规:addComponentAsRefTo(...):只有 ReactOwner 才能拥有引用。这通常意味着您尝试将引用添加到没有所有者的组件(即不是在另一个组件的“render”方法内部创建的)。尝试在一个新的顶级组件内渲染此组件，该组件将保存引用。

很明显，MagicMove 代码已加载，并且大部分渲染都成功:发生错误后，真实 DOM 已组装完毕。在 React 之后包含 dist 脚本应该可以工作。

认为这可能是 JSFiddle Pane 特有的问题，我在本地文件中尝试了相同的设置:相同的错误。我认为这可能是浏览器中的 JSX 交互，我尝试了预编译 JSX:同样的错误。 (参见http://jsfiddle.net/5vjqabv3/325/)。首先在 React 0.13.1 中出现错误；尝试回滚到 0.12.0 的基本 fiddle :同样的错误。 (参见http://jsfiddle.net/kb3gN/10548/)

在异常发生时，当前元素(ReactElement，div，ref 'AL')具有 null _owner 属性 - 这似乎是关闭的。

有什么想法阻止建立必要的 react 所有者关系吗？ React-magic-move dist 脚本是否已损坏或无法以这种所需的“React 之后加载”方式使用？

Answer 1

这就是我为了让示例在本地运行而所做的

git clone git@github.com:ryanflorence/react-magic-move.git
cd react-magic-move
npm install
scripts/dev-examples

现在打开http://localhost:8080/basic/在你的浏览器中，它以某种方式工作