Omer
Omer4y ago

Props on Show Component

Thank you very much for the detailed explanation and good wishes! ❤️ The short answer for items 1 and 3 is that you have found the right approach. CRUD components are built to meet very simple UI requests. In case these components are not enough, we recommend using Ant Design's own components. Item 2 surprised me a bit. I checked again just to be sure, but the CRUD components don't use any data hooks. Could there be a mistake here? Source code of Show Component: https://github.com/pankod/refine/blob/master/packages/core/src/components/crud/show/index.tsx#L47
GitHub
refine/index.tsx at master · pankod/refine
refine is a React-based framework for building data-intensive applications in no time ✨ It ships with Ant Design System, an enterprise-level UI toolkit. - refine/index.tsx at master · pankod/refine
5 Replies
ambitious-aqua
ambitious-aqua4y ago
Regarding 1, this example makes it clear. The functional components declaration with the provided interface make the props available inside component's scope. At the same time I couldn't find anything like this on the Show docs page https://refine.dev/docs/api-references/components/basic-views/show/ It would also be nice to have something like which interface you need to implement/extend for a FC type in this case. 2. I guess I'm not that good at tracing where things are coming from at this point, but I'll change the src code and show the different amount of request being done with Card and Show
Show | refine
`` provides us a layout for displaying the page. It does not contain any logic but adds extra functionalities like a refresh button or giving title to the page.
ambitious-aqua
ambitious-aqua4y ago
This is what Query shows with Show component (+ use show):
No description
ambitious-aqua
ambitious-aqua4y ago
This is What Query shows with Card component (+ useShow):
No description
ambitious-aqua
ambitious-aqua4y ago
The Show view is being called by a ShowButton
Omer
OmerOP4y ago
ups, interesting. Could you create an issue for us?

Did you find this page helpful?