In React, how can I cause a called component to delete itself from a page when a state changes inside of it?

So for example:

`{!loading ? (data.map((v, i) => {

                return <Card key={i} title={v.name} image={v.pictures.sizes[4].link}} /> })`

Now these cards show up as a stack of components on the main paing. In each card, there is a button. when I click that button it changes a state in the Card. How can I get that button to cause the Card I click to leave the main screen immediately without needing to reload everything?

I’ve tried quite a bit and nothing has worked–> Ive tried passed a parent state function, and dealing with the state inside the child