How to add value to the props

[Ofer]

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

 

[Kiril]

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