Chrome擴展（內容腳本）+反應：從DOM獲取React組件？

據我所知，有一個Chrome擴展「React Dev Tools」，可以檢查React應用程序。想知道，如果可以從網頁上注入的Chrome擴展內容腳本中讀取與React組件對應的道具。Chrome擴展（內容腳本）+反應：從DOM獲取React組件？

例如$（'。todo-list'）。react.props ??

2017-02-17 Ameya

^問題主要是關於獲取對React節點的引用，所以可以訪問道具 – Ameya

Spoof React.render並分配屬性：[React - 從DOM元素獲取組件以進行調試]（// stackoverflow.com/a/37230133） – wOxxOm

如果你不能欺騙陣營內部或暴露它們，另一種方式來訪問節點做出反應是這樣的：

const root = document.querySelector('[data-reactroot]'); 
const instance = root[Object.keys(root)[0]];

這會給你有根在_currentElement關鍵陣營元素的對象。

2017-07-21 13:01:08 bodyflex

回答