有人可以帮我将 codepen 转换为反应沙箱 fiddle 吗？
Can someone help me convert an codepen into an react sandbox fiddle?
我用 React 代码创建了一个代码笔，我正在通过 CDN 导入它的库。
现在我想将这段代码（有效）实现到我的反应项目中。
但首先将所有代码放入反应沙箱可能很方便，这样我就可以在部署到我的代码之前进行更改。
我尝试将所有代码复制粘贴到沙箱中并添加所有库 (react, react-dnd, reactdndhtml5backend, react-dom)，但它仍然给我很多错误。
我自己项目中的文件也是 .tsx 而不是 .js.
我当前的代码笔可以在这里找到：https://codepen.io/darkinfore/pen/daJxyP
这行得通，但当我将其实现到反应沙箱中时就不行了。
我还尝试将其实现到反应沙箱中：https://codesandbox.io/s/w01l077w1w
但是正如您所见，它给了我一些奇怪的错误。
有人可以帮助我将此代码笔无误地转换为 React 沙箱吗？
我查看了你的codesandbox然后forked it here。实际上，遇到的唯一错误与未定义 ReactDnD 有关（因此无法找到 DropTarget）。这是由于您在 index.js:
顶部附近的导入声明
import ReactDnD from "react-dnd";
由于 react-dnd 包的设计方式，这种导入方式对您不起作用。该包有多个导出（例如，DragDropContext 和 DropTarget），而不是单个默认导出。您需要获取所有这些导出并将它们一起导入到一个名为 ReactDnD 的命名导入中。所以，你需要做的是：
import * as ReactDnD from "react-dnd";
我在 forked codesandbox 中做了这个，这让你通过了 TypeError，然后显示了你的 table。
有用信息：
我用 React 代码创建了一个代码笔，我正在通过 CDN 导入它的库。
现在我想将这段代码（有效）实现到我的反应项目中。
但首先将所有代码放入反应沙箱可能很方便，这样我就可以在部署到我的代码之前进行更改。
我尝试将所有代码复制粘贴到沙箱中并添加所有库 (react, react-dnd, reactdndhtml5backend, react-dom)，但它仍然给我很多错误。
我自己项目中的文件也是 .tsx 而不是 .js.
我当前的代码笔可以在这里找到：https://codepen.io/darkinfore/pen/daJxyP
这行得通，但当我将其实现到反应沙箱中时就不行了。
我还尝试将其实现到反应沙箱中：https://codesandbox.io/s/w01l077w1w
但是正如您所见，它给了我一些奇怪的错误。
有人可以帮助我将此代码笔无误地转换为 React 沙箱吗？
我查看了你的codesandbox然后forked it here。实际上，遇到的唯一错误与未定义 ReactDnD 有关（因此无法找到 DropTarget）。这是由于您在 index.js:
import ReactDnD from "react-dnd";
由于 react-dnd 包的设计方式，这种导入方式对您不起作用。该包有多个导出（例如，DragDropContext 和 DropTarget），而不是单个默认导出。您需要获取所有这些导出并将它们一起导入到一个名为 ReactDnD 的命名导入中。所以，你需要做的是：
import * as ReactDnD from "react-dnd";
我在 forked codesandbox 中做了这个，这让你通过了 TypeError，然后显示了你的 table。
有用信息：