---
title: "Discussion on \"Changing the State of a Child component from its Parent Component.\" | Hashnode"
description: "Discussion on \"Changing the State of a Child component from its Parent Component.\". Introduction\nIn this article, I will be building a simple modal which will be triggered by a  Call-to-action (CTA) button. To hide the modal, the  “X” button is clicked. This is basically removing the CSS Display value of \"none\" when the CTA button i..."
url: "https://hashnode.com/posts/changing-the-state-of-a-child-component-from-its-parent-component/5f71c157eb14b172f1d4bd01"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Changing the State of a Child component from its Parent Component.](https://laviedegeorge.hashnode.dev/changing-the-state-of-a-child-component-from-its-parent-component?utm_source=hashnode&utm_medium=feed)

Introduction In this article, I will be building a simple modal which will be triggered by a Call-to-action (CTA) button. To hide the modal, the “X” button is clicked. This is basically removing the CSS Display value of "none" when the CTA button i...

Sep 28, 2020 · 8 min read · laviedegeorge.hashnode.dev  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#frontend](https://hashnode.com/tag/frontend)
-   [#the-technical-writing-bootcamp](https://hashnode.com/tag/the-technical-writing-bootcamp)

## Written by

[Kelechi Apugo](https://hashnode.com/@Laviedegeorge)

@Laviedegeorge · Port Harcourt, Nigeria

  
[View profile](https://hashnode.com/@Laviedegeorge)

Front-end web engineer

I am a passionate Software Engineer with over five years of experience in crafting scalable, user-centred web applications. My focus is on frontend development, where I combine strong technical expertise with a product-oriented mindset to create reliable, intuitive, and high-performing digital solutions. I have extensive experience with React, Next.js, TypeScript, and many other tools for building solid applications and modern frontend architectures. I also prioritise testing and quality practices to ensure the long-term success of the projects I work on. Collaborating closely with designers, backend engineers, and product teams in Agile environments excites me, as I enjoy transforming complex ideas into clean, efficient solutions. Working with distributed teams is something I embrace; I value clear communication and take ownership of my work. I am always eager to enhance my technical skills and engineering practices. What motivates me most is building impactful software, contributing to mission-driven teams, and growing as an engineer while delivering meaningful outcomes for both the business and its users. I truly believe that together, we can achieve great things!

## Responses 1

Markdown supported · ⌘↵ to post

[Joy Nwaiwu](https://hashnode.com/@joynwaiwu)

[Sep 28, 2020](https://hashnode.com/posts/changing-the-state-of-a-child-component-from-its-parent-component/5f71c157eb14b172f1d4bd01/comment/5f722341d0fca37c2ef05417)

This is interesting!

[Kelechi Apugo](https://hashnode.com/@Laviedegeorge)

[Sep 29, 2020](https://hashnode.com/posts/changing-the-state-of-a-child-component-from-its-parent-component/5f71c157eb14b172f1d4bd01/comment/5f722341d0fca37c2ef05417#reply-5f72dae56573340897c17538)

Thank you [Joy Nwaiwu](https://hashnode.com/@joynwaiwu)