Обновите userData в MongoDB с помощью экспресс - PullRequest
Новая
       9

Обновите userData в MongoDB с помощью экспресс

0 голосов
/ 18 мая 2018

Привет, ребята. Я пытаюсь создать функцию обновления для своего приложения, но в результате я получаю сообщение об ошибке getState is not a function. (In 'getState()','getState' is 'Stephanson'), которое является значением lastName.

Я опубликую здесь свой контроллер обновлений из Authentication_controller.js на бэкэнде.

// Update user data
exports.update = function (req, res, next) {
  res.json({ data: req.user });
}

Вот мой роутер также из бэкэнда 

router.route('/users/:user_id/data')
  .put(requireAuth, AuthenticationController.update);

Действие обновления от 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
  }
}

Вот мой 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;
  }
}

А вот моя страница FullName.js, где я использую Wizard 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)

1 Ответ

0 голосов
/ 18 мая 2018

В userActions.js попробуйте изменить

export function updateUserData(dispatch, getState) {

на

export const updateUserData = (firstName, lastName) => (dispatch, getState) => {

Так как redux-thunk возвращает функцию, которая создаетдействие, приведенное выше, будет аналогично этому примеру из документации : 

function incrementIfOdd() {
  return (dispatch, getState) => {
    const { counter } = getState();

    if (counter % 2 === 0) {
      return;
    }

    dispatch(increment());
  };
}
...