我如何将组件引用传递给Redux Store

Question

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

渲染组件后，可以像这样创建组件引用。我需要的是将此组件ref保留在redux存储中。我可以将其保留为状态变量，但是redux会引发如下错误：

  

试图破坏不可迭代实例的无效尝试

有什么方法可以将组件ref保留为应用程序中的全局变量？

深度复制ref对象，无法解析JSON字符串...

Answer 1

您可以在连接中使用withRef功能

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

供参考，请参见下面使用withRef的链接示例

sample code link