Is this approach of rendering through setState normal?

Question

JavaScript

And so let's say I have 4 components:

<App />
<Desks />
<Desk />
<DeskHead />

<App />is responsible for rendering <Desks />, <Desks />in turn, is responsible for rendering <Desk />, and <Desk />for <DeskHead />
And, for example, in a component, <DeskHead />I send some values ​​to the <App />component through parents on click to call the setState method and update some kind of state, is this considered good form or is it not possible to do this? if not, what are the alternatives?

Answer 1

If you need to update some state at the application level on a click in the header of one of the boards, then I think redux is better suited here.
In other cases, such as at the module level, lifting up state is considered good practice.