如何為 ReactJS 應用程序運行 chrome devtools 片段？

Question

如果我必須運行stopBefore片段作為主旨，我怎么使用它ReactJS應用程序？

該示例顯示了像document這樣的全局對象，但是如果我必須在ComponentX.SomeMethod之前說 stop ，我該怎么做？

嘗試時

stopBefore(ComponentX,'SomeMethod') 

它說，未捕獲的 ReferenceError: ComponentX is not defined

我錯過了什么嗎？

Answer 1

React 組件不是全局可用的。

因此不能直接在控制台中訪問。 但是您可以在 react-dev-tools 中打開 Components 選項卡，而不是選擇所需的組件，現在同時打開控制台（如果尚未使用 Esc 鍵並在控制台中輸入 $r 以獲取組件的實例）。

現在你可以為所欲為——
stopBefore($r, 'setState')

只要你輸入$r.setState({})
您將被帶到調試器。