Reactjs 是否有任何方法可以查看Redux store和React组件中字段之间的关系？

目标是控制其他应用程序，我已经从redux商店获得了数据。但我想看看哪个组件使用Redux商店的哪个字段。 让我用一个例子来说明：

目标应用程序

const App = props => (
      <React.Fragment>
          <AppComponents/>
          <MyImportedComponent dispatch={props.dispatch} state={props.state} />
      </React.Fragment>
    );
const mapStateToProps = state => ({ state });
export default connect(mapStateToProps)(App);

我已经尝试使用HOC和decorators，但我无法访问此类数据。现在正在玩

react测试渲染器

和模拟存储

更新：

通过

react-test呈现

我可以访问组件道具，包括

connect

HOC中的道具，但现在我还不知道如何从DOM树中获取对真实组件的引用

范例

const component = renderer.create(
  <Root>
    <App />
  </Root>
);

console.log('rendered: ', component.toTree());

const component=renderer.create(

有什么想法吗？）

const component = renderer.create(
  <Root>
    <App />
  </Root>
);

console.log('rendered: ', component.toTree());