reactjs - 使用 VS 和 Chrome 的突破性 Sagas、Redux 和 Co.

Question

设置：我正在使用 Visual Studio (Professional 2017)，这是带有React Developer Tools 插件的最新 Chrome 。我正在尝试调试其他人的 ReactJs 项目。我对 React 并不陌生，但我仍然对分层 Sagas、Reducers 和 Event-Handlers 不太满意。对于层次结构，我的意思是在不同的文件夹级别中有多个，对于, ,sagas.ts也是如此。我的一般挑战是如何在结构上处理这样的设置。reducers.tsactions.tsselector.ts

我尝试了什么：myView我尝试使用 Chrome 的Developer Tools > Sources对各个组件进行断点，然后在选项卡页面的左侧路径webpack://> ./src/myView/components/myFaultyThingy.tsx，但我了解到我无法在render()函数中设置断点。内部的其他函数myView/sagas.ts永远不会被调用，尽管它们应该被触发。

如何在无法设置断点的函数中跟踪变量的值？

标签： reactjsvisual-studiodebugginggoogle-chrome-devtoolsredux-saga