Greetings everyone! I've been attempting to develop an update function for my app, but unfortunately, I encountered an error that states
getState is not a function. (In 'getState()','getState' is 'Stephanson')Let me share the update controller code snippet from Authentication_controller.js on the backend:
// Update user data
exports.update = function (req, res, next) {
res.json({ data: req.user });
}
Additionally, here is the router code snippet from the backend:
router.route('/users/:user_id/data')
.put(requireAuth, AuthenticationController.update);
Furthermore, here is the update action from userActions.js:
export function updateUserData(dispatch, getState) {
const state = getState();
const {user_id, token} = state.auth;
return axios.put(USER_DATA(user_id), {
headers: { authorization: token }
}).then((response) => {
console.log('my data = ' + response.data.data.userData[0].firstName);
dispatch(setUserData(response.data.data.userData[0]));
}).catch((err) => {
dispatch(console.log("Couldn't update user data."));
});
}
export var setUserData = (userData) => {
return {
type: 'SET_USER_DATA',
userData
}
}
Moving on, here is the content of userDatareducer.js:
module.exports = (state = [], action) => {
switch (action.type) {
case 'SET_USER_DATA':
return action.userData;
case 'UPDATE_USER_DATA':
return action.userData;
default:
return state;
}
}
Lastly, here is how FullName.js page looks like where I am utilizing Wizard Form from Redux Form:
const onSubmit = (values, dispatch) => {
console.log(values);
const firstName = values.firstName;
const lastName = values.lastName;
dispatch(updateUserData(firstName, lastName));
};
const FullName = props => {
const { handleSubmit } = props;
return (
<View style={{ flex: 1 }}>
<ScrollView style={{ backgroundColor: '#ffffff' }}>
<View style={{ flex: 1, flexDirection: 'column', marginTop: 0, margin: 40 }}>
<Text style={{ fontSize: 40, marginTop: 60 }}>Full Name</Text>
<Text style={{ fontSize: 20, marginTop: 10 }}>Can you please tell your name?</Text>
<View style={{ marginTop: 100 }}>
<Field keyboardType='default' label='First Name' component={renderFieldFn} name='firstName' />
<Field keyboardType='default' label='Last Name' component={renderFieldLn} name='lastName' />
</View>
</View>
</ScrollView>
<TouchableHighlight onPress={handleSubmit(onSubmit)} style={{ backgroundColor: 'white', padding: 20, alignItems: 'center' }}>
<Text style={{
backgroundColor: 'black', color: 'white', fontSize: 20, fontWeight: 'bold',
height: 50, width: 300, textAlign: 'center', padding: 14
}}>NEXT</Text>
</TouchableHighlight>
</View>
);
}
export default reduxForm({
form: 'newUser',
destroyOnUnmount: false,
forceUnregisterOnUnmount: true,
validate
})(FullName)