使用Redux、React和react-router-dom 4.x时从动态组件获取ref

import React from 'react';

const DynamicComponent = React.forwardRef((props, ref) => {
  // 这里是动态组件的实现
  return <div ref={ref}>动态组件内容</div>;
});

export default DynamicComponent;

import React, { Component } from 'react';
import DynamicComponent from './DynamicComponent';

class ParentComponent extends Component {
  constructor(props) {
    super(props);
    this.dynamicComponentRef = React.createRef();
  }

  render() {
    return (
      <div>
        <DynamicComponent ref={this.dynamicComponentRef} />
        <button onClick={this.handleClick}>获取动态组件的ref</button>
      </div>
    );
  }

  handleClick = () => {
    console.log(this.dynamicComponentRef.current); // 这里可以访问到动态组件的ref
  }
}

export default ParentComponent;