React-admin: Как создать форму профиля пользователя в response-admin v3.2. *?

Question

Я заметил, что официальная статья о том, как создавать пользовательские настройки (профиль) в React-Admin, устарела (https://marmelab.com/blog/2019/03/07/react-admin-advanced-recipes-user-profile.html).

Я последовал примеру и попробовал использовать новый DataProvider, но не смог заставить работать Edit представление (он просто показал пустой компонент Card без полей, хотя я настроил их так, как описано в примере).

В течение нескольких дней я искал, как реализовать это простым и понятным способом, но информации об этом очень мало.

Кто-нибудь знает, как это сделать в реагировать-администратор 3.2 . *?

Это может быть полезно для тех, у кого такая же проблема. Любая помощь будет очень ценится! Спасибо!

Answer 1

У меня была такая же проблема. Глядя на реквизиты, переданные toreact-admin Edit, я увидел, что реквизит record не определен. Это произошло из-за того, что поле id внутри записи, возвращаемой методом getOne поставщика данных, отличалось от свойства id, жестко закодированного в компоненте Edit. Как только это было установлено, оба чтения / редактирования работают.

Мой рабочий код:

// remove staticContext to avoid React 'unknown prop on DOM element' error
export const PrincipalEdit = ({ staticContext, ...props }: { staticContext: any; props: any }) => {
  return (
    // `id` has to match with `id` field on record returned by data provider's `getOne`
    // `basePath` is used for re - direction
    // but we specify no redirection since there is no list component
      <Edit {...props} title="My Profile" id="my-profile" resource={b.PRINCIPAL} basePath="my-profile" redirect={false}>
        <SimpleForm>
          <TextInput source="firstName" validate={required()} />
        </SimpleForm>
      </Edit>
  );
};