useGetRecordRepresentation
Get a function that returns the record representation, leveraging the<Record recordRepresentation>
prop.
You can also use the component version:<RecordRepresentation>
.
Usage
// in src/posts/PostBreadcrumbs.tsximport*asReactfrom'react';import{Breadcrumbs,Typography}from'@mui/material';import{Link,useGetRecordRepresentation,useRecordContext}from'react-admin';exportconstPostBreadcrumbs=()=>{constrecord=useRecordContext();constgetRecordRepresentation=useGetRecordRepresentation('posts');return(<divrole="presentation"><Breadcrumbsaria-label="breadcrumb"><Linkunderline="hover"color="inherit"to="/"> Home</Link><Linkunderline="hover"color="inherit"to="/posts"> Posts</Link><Typographysx={{color:"text.primary"}}>{getRecordRepresentation(record)}</Typography></Breadcrumbs></div>);}// in src/posts/PostEdit.tsximport{EditBase,EditView,SimpleForm,TextInput}from'react-admin';import{PostBreadcrumbs}from'./PostBreadcrumbs';constPostEdit=()=>(<EditBase><PostBreadcrumbs/><EditView><SimpleForm><TextInputsource="title"/></SimpleForm></EditView></EditBase>)
Default Representation
When<Resource recordRepresentation>
is not defined,useGetRecordRepresentation
will return the first non-empty field from this list:
name
title
label
reference
id
Options
Here are all the options you can set on theuseGetRecordRepresentation
hook:
Prop | Required | Type | Default | Description |
---|---|---|---|---|
resource | Required | string | The record’s resource |
resource
The record’s resource.