Реагировать на избыточные данные, не пройдя успешно - PullRequest
Новая
       7

Реагировать на избыточные данные, не пройдя успешно

0 голосов
/ 14 сентября 2018

Я пытаюсь передать реагирующие данные в Redx, но, похоже, они не проходят успешно, хотя я написал код в точности как учебное пособие.

Вот соответствующие функции:

В компонентах / login-form.js 

testFunction(text) {
    console.log("The text entered is: ", text); //this reflects successful text entry
    this.props.authInputChange({'field': 'email', 'value:': text});
  }

const mapStateToProps = state => {
  console.log("The state is: ", state); //this does not get updated

  return {
    email: state.auth.email,
    password: state.auth.password
  }
};

export default connect(mapStateToProps, { authInputChange, login })(LoginForm);

В действиях / index.js 

export const authInputChange = ({ field, value }) => {
    console.log("The value entered is: ", value); //this value is empty
    return {
        type: 'AUTH_INPUT_CHANGE',
        payload: { field, value }
    };
}

Теперь, хотя я точно следовал учебному пособию (за исключением операторов console.log, которые я добавил сам), я подозреваю, что инструктор допустил ошибку, и поэтому что-то не проходит так, как должно быть. Но я не могу понять, что это было бы, так как я такой нуб на редуксе.

Спасибо за помощь!

1 Ответ

0 голосов
/ 14 сентября 2018

Просмотрите эту строку:

authInputChange({'field': 'email', 'value:': text})

Вы устанавливаете value: равным text, а не value.Итак, вы хотите:

authInputChange({'field': 'email', 'value': text})

Кроме того, я предполагаю, что ваш редуктор настроен правильно.

Примечание: поэтому я также предпочитаю не ставить кавычкимои ключи от объекта.Если бы вы не ставили кавычки вокруг value:, вы бы сразу увидели эту ошибку.

...