I am working in SPFx web part so everything is typescript
I have a Grid that uses a child component for detail
<Grid data={items} detail={ DetailDocumentsComponent } So the props on the component is GridDetailRowProps
export function DetailDocumentsComponent(props: GridDetailRowProps) {I also want to past the context of where the grid is, to the child component. how can I do it?
Is there an option to 2 parameters?
can I overload the GridDetailRowProps type to have context:any ? how would I do it?
Thank you
1 Answer, 1 is accepted
Hello Ofer,
In make some value from the parent accessible to all children without explicitly passing it as a prop, i can suggest the usage of the React Context API.
I have prepared the following stackblitz example demonstrating a generic usage of the Context API with the KendoReact Grid `detail` property.
https://stackblitz.com/edit/react-1en72t
In order for me to provide a more detailed solution to your issue, may i ask you to send the full code of your component?
Please let me know if this solves your problem or if i have misunderstood your problem, and i will be happy to help.
Regards,
Kiril
Progress Telerik