ReactJS + Redux를 사용하여 로그인 및 등록 페이지를 만들려고합니다. 현재 사용자 등록 후, 등록 정보를 사용하여 사용자의 객체 배열 안에 저장됩니다백엔드 (ReactJS + Redux)에 연결할 필요없이 어떻게 로그인 및 등록 페이지를 생성합니까?
const userDataReducer = function(users = [], action){
switch (action.type){
case 'ADD_USER':
return[{
username: action.username,
email: action.email,
name: action.name,
password: action.password
}, ...users]
과 등록되면, 사용자는 로그인 양식에 사용자 이름과 암호를 입력하고 제출 :
verifyLoginUser()
userDataReducer.js과 함께 확인 내측 { 에서는 event.preventDefault()
if(this.props.actions.verifyUser(this.props.loginUser.username, this.props.loginUser.password)){
console.log('LOGGED IN')
} else {
console.log('NOT LOGGED IN')
}
}
다음
case 'VERIFY_USER':
let isVerified = false;
users.forEach((user)=> {
if(user.username === action.username && user.password === action.password){
isVerified = true;
return false;
}
});
return isVerified;
있는 작업은 다음과 같습니다 : 사용자가 로그인하고 제출을 클릭하려고하면
addUser: function(username, email, name, password) {
return {
type: 'ADD_USER',
username: username,
email: email,
name: name,
password: password
}
},
verifyUser: function(username, password){
return {
type: 'VERIFY_USER',
username: username,
password: password
}
}
는 현재, 그냥 어떤 경우에 '로그인'반환하고 있습니다.
ReactJS + Redux에서 프런트 엔드를 통해 로그인 및 등록 페이지를 만드는 올바른 방법입니까? 모든지도 또는 통찰력은 크게 평가 될 것입니다. 미리 감사드립니다.