React DevTools：如何以编程方式附加组件过滤器？

问题描述

我使用 React DevTools Chrome 扩展。我想从反应应用程序代码中附加组件过滤器。有没有办法做到这一点？

我想在应用开发者之间共享默认应用 DevTools 设置。

解决方法

我想通了。这是一个example：

if (__REACT_DEVTOOLS_GLOBAL_HOOK__) {
  const handleReactDevtools = (agent) => {
    __REACT_DEVTOOLS_COMPONENT_FILTERS__.push({
      type: 2,isEnabled: true,isValid: true,value: "HideMe"
    });
    agent.updateComponentFilters(__REACT_DEVTOOLS_COMPONENT_FILTERS__);
  };
  if (__REACT_DEVTOOLS_GLOBAL_HOOK__.reactDevtoolsAgent) {
    handleReactDevtools(__REACT_DEVTOOLS_GLOBAL_HOOK__.reactDevtoolsAgent);
  } else {
    __REACT_DEVTOOLS_GLOBAL_HOOK__.on("react-devtools",handleReactDevtools);
  }
}