我如何将组件参考将其传递给Redux Store

Question

constructor(props) {
  super(props);
  this.myRef = React.createRef();
}
render() {
  return <div ref={this.myRef} />;
}

我可以在渲染组件后创建这样的组件参考。我需要的是将此组件参考保留在Redux商店中。我可以将其保留为状态变量，但redux会引发这样的错误：

无效试图破坏非足够的实例

是否有任何方法将组件参考作为应用程序中的全局变量？

参考对象的深层副本，解析JSON字符串无法正常工作...

Answer 1

您可以在Connect

中使用with Ref功能

  export default connect(
  mapStateToProps,
  mapDispatchToProps, null, {withRef: true})(myComponent);

供参考查看以下链接示例，使用withref

示例代码链接