reactjs – 为什么React-Magic-Move示例在JSFiddle中打破“只有

发布时间：2020-12-15 20:31:07 所属栏目：百科来源：网络整理

导读：我想得到JSFiddle工作的漂亮的 react-magic-move组件的“基本”(美国各州)示例,以便进行修补. (另见 https://www.youtube.com/watch?v=z5e7kWSHWTg#t=424令人印象深刻的视频演示) 我已经将react-magic-move’dist’脚本添加到Base React(JSX)小提琴,以及另一

我想得到JSFiddle工作的漂亮的 react-magic-move组件的“基本”(美国各州)示例,以便进行修补. (另见 https://www.youtube.com/watch?v=z5e7kWSHWTg#t=424令人印象深刻的视频演示)

我已经将react-magic-move’dist’脚本添加到Base React(JSX)小提琴,以及另一个(最低限度适应的)示例JS / CSS / HTML.您可以在此处查看此尝试：

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

但是,它会在初始渲染后期触发错误：

不变违规：addComponentAsRefTo(…)：只有ReactOwner可以有refs.这通常意味着您正在尝试将ref添加到没有所有者的组件(即,未在另一个组件的’render’方法中创建).尝试在一个新的顶级组件中渲染此组件,该组件将保存ref.

它显然加载了MagicMove代码并在大部分渲染上取得了成功：在错误之后,真正的DOM已经被组装.在React应该工作之后包括dist脚本.

认为这可能是JSFiddle窗格特有的问题,我在本地文件中尝试了相同的设置：同样的错误.认为它可能是JSX在浏览器中的交互,我尝试了预编译的JSX：同样的错误. (见http://jsfiddle.net/5vjqabv3/325/).首先得到了React 0.13.1的错误;试图回滚到0.12.0的基础小提琴：同样的错误. (见http://jsfiddle.net/kb3gN/10548/)

在异常时刻,当前元素(ReactElement,div,ref’AL’)具有null _owner属性 – 这似乎是关闭的.

有什么想法阻止建立必要的React-owner-relationship？ react-magic-move dist脚本是否在这种所需的“React-after-React”方式中被破坏或无法使用？

解决方法

这就是我为了让示例在本地工作而做的

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!