Node.js 如何调试react.js库

我已经使用react大约一年了，最近我想深入研究一下。我以前为vanilla js和jQuery构建过插件，但我不确定如何构建react.js插件，甚至如何调试它。我更感兴趣的是调试这个插件，看看它是如何工作的，那么我该怎么做呢

---

通常使用JS插件，它主要是一个文件，因此每个函数中的console.log可以让您充分了解触发某个函数的原因和时间，如何使用react.js插件执行相同的操作？

您必须在

节点模块和
控制台中找到要调试的库函数。从那里记录
。您可能需要
console.log
解析文件，该文件通常位于
node\u module/plugin/lib
或
node\u module/plugin/dist
中，而不是
node\u module/plugin/src
中的
.jsx
文件有多种调试方法







嗯，我在我的代码中使用了很多Well-place
console.log
、
console.dir
和
util.inspect
语句，并遵循这种逻辑


反应漂亮的dnd

不幸的是，对于给定的主题，并没有太多文档和“如何做”的内容。但以下是我发现有用的东西。您可以通过此链接阅读《快速入门指南》：


文档中的代码沙盒示例：

样本项目：


基本用法示例

我们在codesandbox上创建了一些基本示例，供您直接使用：





要调试任何库：

下面是调试该库的方法。这是最基本的方法


安装它
检查您正在使用什么以及需要调试什么
在node_模块中找到该方法
检查该方法在代码中是否有任何声明
如果是，则放置一些控制台日志，并查看它们是否打印在控制台上
然后检查控制台中的日志
继续处理控制台日志，直到您得到所需的内容

关于如何调试react应用程序，这里有很多答案。
我不太清楚这里的“插件”是什么意思。“大部分是一个文件”的概念在5-10年前可能是正确的，但在一段时间内并非如此，除非是琐碎的事情。调试与其他任何操作一样；设置断点。请注意，在处理传输的JS时，这要困难得多，因此您可能需要一个源代码映射。在github上查找项目（如果有）并查看未传输的源代码。您可以随时在本地分叉或克隆项目，并运行构建/测试命令。@DaveNewton谢谢我有点明白了这个想法，我相信正确的使用词是“组件”好问题+1，检查我的答案@船长杰克斯帕罗谢谢，我正在寻找一个更详细的步骤，关于如何调试
react beautifuly dnd
。。。有点崩溃了！不过谢谢你，我还在想办法。