How can I access the data of the query called in the parent component, inside a child component without prop drilling.

For example, if in parent.js I call the getPost query

const {data} = useGetPostQuery();

then how can I access this data further down the hierarchy?

CodePudding user response：

The easiest way to send data from parent to child through props but if you want to do it without props you should use other stratigies like: localStorage,cockies or redux.

CodePudding user response：

• If you want data to be available to all the rendered components then use Context. But, frequent changes in the context will cause permanence issues as the entire tree will get rerendered if the component is not designed properly.
• Another option is to use Redux in the app to manage the states. https://redux.js.org/introduction/core-concepts
• Local storage is another option but will not recommend this.