1

Я установил redux-form с помощью this template, прикрепил редуктор и проверил, что он работает нормально в редукционных devtools.Redux: поля ввода формы остаются пустыми

Я вижу, что поток действий хорош при наборе текста, но значения формы и ввода пустые после каждого нажатия клавиши.

В консоли нет ошибок, и я не могу найти никаких подсказок.

Я что-то маленькое хватает, может быть, это рендеринг компонента или, может быть, речь идет о версии среагировать ...

Мои пакеты:

"react": "15.3.2", 
"redux-form": "^6.2.0", 

Моя Войти Форма:

import React from 'react'; 
import { Field, reduxForm } from 'redux-form/immutable'; 


const renderField = ({ input, label, type, meta: { touched, error } }) => { 
    console.log(input); 
    return (
    <div> 
     <label>{label}</label> 
     <div> 
     <input {...input} placeholder={label} type={type} /> 
     {touched && error && <span>{error}</span>} 
     </div> 
    </div> 
); 
}; 

class FormLogin extends React.Component { // eslint-disable-line react/prefer-stateless-function 
    static propTypes = { 
    handleSubmit: React.PropTypes.func 
    }; 
    render() { 
    const { error, handleSubmit } = this.props; 
    return (
     <div> 
     <input type="text" name="ah1" /> 
     <form onSubmit={handleSubmit}> 
      <input type="text" name="ah2" /> 
      <div> 
      <Field id="username" name="username" type="text" component={renderField} label="Username" /> 

      </div> 
      <div> 
      <Field id="password" name="password" type="text" component={renderField} label="Password" /> 
      </div> 
      {error && <strong>{error}</strong>} 
      <button type="submit">Submit</button> 
     </form> 
     </div> 
    ); 
    } 
} 

export default reduxForm({ 
    form: 'FormLogin' 
})(FormLogin); 

ответ

1

нашел проблему, если кто-то здесь, чтобы найти ответ.

есть взломать, чтобы исправить это. вы можете найти больше здесь: https://github.com/mxstbr/react-boilerplate/issues/958

+0

Больше не взлом, редукционная форма, похоже, работает с реакционной панелью напрямую, используя свою неизменную библиотеку - http://redux-form.com/6.6.0/examples/immutable/ –

3

Для меня, я не назвал редукторе точное название из примеров, которые, к сожалению, приводят к этой ошибке трудно в отладку.

Убедитесь, что редуктор указан как 'form: formReducer', как показывает пример.

+1

ты мой герой! –