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