react toolkit
import { createSlice } from '@reduxjs/toolkit'
// Slice
const slice = createSlice({
name: 'user',
initialState: {
user: null,
},
reducers: {
loginSuccess: (state, action) => {
state.user = action.payload;
},
logoutSuccess: (state, action) => {
state.user = null;
},
},
});
export default slice.reducer
// Actions
const { loginSuccess, logoutSuccess } = slice.actions
export const login = ({ username, password }) => async dispatch => {
try {
// const res = await api.post('/api/auth/login/', { username, password })
dispatch(loginSuccess({username}));
} catch (e) {
return console.error(e.message);
}
}
export const logout = () => async dispatch => {
try {
// const res = await api.post('/api/auth/logout/')
return dispatch(logoutSuccess())
} catch (e) {
return console.error(e.message);
}
}
Also in JavaScript:
- submit ajax form validation jquery
- reduce function javascript
- show html file on nodejs code
- javascript absolute value
- how to create a constant in javascript
- debugger js
- jquery get element width
- create array javascript fill
- get string after character javascript
- download videos "hotmart" javascript github
- click select option to update div jquery
- react native cover image in parent view
- nodejs cache data
- jquery trigger change event
- how to console.log nested objects js
- javascript random color generator
- javascript variable object
- get start of day javascript
- get the difference between two dates js
- remove object from array javascript
- electron remove cors
- mometjs
- how to turn of autocomplete in react hook form material ui
- joi in node and express