Movatterモバイル変換


[0]ホーム

URL:


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:

  1. name
  2. title
  3. label
  4. reference
  5. id

Options

Here are all the options you can set on theuseGetRecordRepresentation hook:

PropRequiredTypeDefaultDescription
resourceRequiredstring The record’s resource

resource

The record’s resource.


[8]ページ先頭

©2009-2025 Movatter.jp