Как напечатать несколько компонентов в реагировать JS?

Question

Мой родительский компонент имеет несколько компонентов, как показано ниже

    class DashboardPage extends Component {
        render() {
            const { classes } = this.props;
            return (
                <div>
                  <ReactToPrint
                      className={classes.content}
                      trigger={() => <a href="#">Print this out!</a>}
                      content={() => this.componentRef} 
                  />
                  <Card>
                    <ProfileHeader {...this.state}/>
                    <ContentLeft {...this.state}/>
                    <ContentRight {...this.state}/>
                    <ContentLeft1 {...this.state}/>
                    <ContentRight1 {...this.state}/>
                    <ProjectTopic {...this.state}/>
                    <ProjectContent {...this.state}/>
                    <ProjectTopic1 {...this.state}/>
                    <ProjectContent1 {...this.state}/>
                    <ProjectTopic2 {...this.state}/>
                    <ProjectContent2 {...this.state}/>
                  </Card>
              </div>
            );
        }
    }

, если я хочу напечатать 1 компонент, я могу использовать следующий код

<ComponentToPrint ref={el => (this.componentRef = el)} />

Как я могуиспользовать что-то внутри тега карты, чтобы я мог напечатать каждый компонент

пожалуйста, помогите мне с этим новичком