如何在react-admin的ReferenceInput字段中格式化选择的文本？

import React, { useState, useEffect } from 'react';
import { ReferenceInput, AutocompleteInput } from 'react-admin';

const FormattedReferenceInput = ({ ...props }) => {
  const [value, setValue] = useState(null);
  const [record, setRecord] = useState(null);

  useEffect(() => {
    const fetchRelatedRecords = async () => {
      if (props.value) {
        const { data } = await props.dataProvider.getOne(props.reference, {
          id: props.value
        });
        setRecord(data);
      } else {
        setRecord(null);
      }
    };

    fetchRelatedRecords();
  }, [props.value]);

  const getOptionLabel = option => {
    if (record && option === props.value) {
      // 根据需求自定义显示格式
      return `${record.firstName} ${record.lastName}`;
    }
    return option;
  };

  return (
    <ReferenceInput {...props}>
      <AutocompleteInput optionText={getOptionLabel} />
    </ReferenceInput>
  );
};

export default FormattedReferenceInput;

import React from 'react';
import { Create, SimpleForm, TextInput } from 'react-admin';
import FormattedReferenceInput from './FormattedReferenceInput';

const PostCreate = (props) => (
  <Create {...props}>
    <SimpleForm>
      <FormattedReferenceInput
        source="userId"
        reference="users"
        label="User"
      />
      <TextInput source="title" label="Title" />
      <TextInput multiline source="body" label="Body" />
    </SimpleForm>
  </Create>
);

export default PostCreate;