如何让多个组件对pdf视图做出反应，并在按钮点击时保存

Question

我的父组件如下所示，卡片标签内有多个组件

class DashboardPage extends Component {
        render() {
            const { classes } = this.props;
            return (
                <div>
                  <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>
            );
        }
    }

我怎么能得到这个pdf请帮助我一个新手