در یک فرم لاگین با استفاده از react چگونه بررسی کینم که یوز و پسورد به درستی وارد شده است یا خیر؟
- فرشته حقیقی 4 سال قبل سوال کرد
- شما باید برای ارسال دیدگاه وارد شوید
برای اینکار بصورت زیر عمل می کنیم:
export function configureFakeBackend() {
let users = [{ id: 1, username: 'test', password: 'test', firstName: 'Test', lastName: 'User' }];
let realFetch = window.fetch;
window.fetch = function (url, opts) {
return new Promise((resolve, reject) => {
setTimeout(() => {
// درخواست post
if (url.endsWith('/users') && opts.method === 'POST') {
let params = JSON.parse(opts.body);
let filteredUsers = users.filter(user => {
return user.username === params.username && user.password === params.password;
});
if (filteredUsers.length) {
// در صورتیکه یوزر و پسورد به درستی وارد شده باشد اطلاعات یوزر برگردانده شود
let user = filteredUsers[0];
let responseJson = {
id: user.id,
username: user.username,
firstName: user.firstName,
lastName: user.lastName
};
resolve({ ok: true, text: () => Promise.resolve(JSON.stringify(responseJson)) });
} else {
reject('Username or password is incorrect');
}
return;
}
// درخواست Get
if (url.endsWith('/users') && opts.method === 'GET') {
if (opts.headers && opts.headers.Authorization === `Basic ${window.btoa('test:test')}`) {
resolve({ ok: true, text: () => Promise.resolve(JSON.stringify(users)) });
} else {
resolve({ status: 401, text: () => Promise.resolve() });
}
return;
}
// pass through any requests not handled above
realFetch(url, opts).then(response => resolve(response));
}, 500);
});
}
}
- فرشته حقیقی 4 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید