Как заставить несколько компонентов реагировать на просмотр 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, пожалуйста, помогите мне новичку