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

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

Invalid attempt to destructure non-iterable instance

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

ref 对象的深拷贝，解析 JSON 字符串无效...

最佳答案

你可以在connect中使用withRef特性

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

引用下面使用 withRef 的链接示例

sample code link

https://stackoverflow.com/questions/54943358/