How to track props globally in React?

Question

JavaScript

Task : in each component, it is necessary to styleprocess and return back when receiving a prop.

In Vue, I would write a global mixin that would simply keep track of the existence of a prop in the component, and pass its data to some computed, for further processing and return.

How can I implement this in React?

Answer 1

You could use useContext for this if you are writing functional components.
In the Provider you pass style and setStyle, in each component you do const {style, setStyle} = useContext(...). And then call setStyle(newStyle) anywhere in the component, profit. You do not need to explicitly pass props to all components, this is evil