#react-admin
#реагировать-администратор #react-admin
Вопрос:
Если ты пойдешь сюда https://marmelab.com/react-admin-demo
Вы можете увидеть сообщение об ошибке, выделенное красным цветом в нижней части экрана.
Это не самый приятный опыт для первой страницы приложения.
Есть ли какой-нибудь способ отключить это?
Спасибо
Ответ №1:
В нашем случае мы создаем пользовательский AuthProvider, а затем мы можем указать, что мы не хотим, чтобы внизу появлялось красное сообщение об ошибке, когда мы отклоняем обещание в методе checkAuth:
const checkAuth = () => {
if (localStorage.getItem(appConfig.browser.localStorageKeys.auth)) {
return Promise.resolve();
}
return Promise.reject({ message: false });
};
Ответ №2:
Я думаю, что это поведение можно отключить, удалив свойство autoFocus для ввода в Login.tsx.
<Field
autoFocus // remove this
name="username"
// @ts-ignore
component={renderInput}
label={translate('ra.auth.username')}
disabled={loading}
/>
Комментарии:
1. Я не говорю о красном сообщении под вводом электронной почты. Я говорю о сообщении notify в самом низу экрана. Этот обходной путь не работает, я только что его протестировал. Кроме того, автофокусировка по электронной почте — приятная функция.
2. Я неправильно понял. Я проверил свое приложение react-admim, и уведомление «пожалуйста, войдите, чтобы продолжить» не появилось. Я следовал этому расширенному руководству github.com/marmelab/ra-example-oauth чтобы моя страница входа в систему содержала 3 входа. Просто я создал LoginForm (без react-окончательной формы) и обернул его компонентом входа в систему react-admin. Примечание: Это отключает уведомление «пожалуйста, войдите, чтобы продолжить» с каждого пути, по которому вы перенаправляетесь.
Ответ №3:
Страница входа, которую вы видите, является страницей по умолчанию, предоставляемой внутри react admin. Вы можете создать свою собственную страницу входа и использовать поставщика данных для аутентификации, а также вы можете использовать другой компонент для отображения сообщения или можете иметь свой собственный компонент и вызывать их у auther on authentication provider.
https://marmelab.com/react-admin/Authentication.html проверьте
Настройка компонентов входа и выхода из системы
Вы можете найти решение здесь.