javascript - Redux 字段未输入

Question

我被这个问题困扰了。我无法在输入字段中输入任何内容。我使用这个 import {Field,reduxForm} from "redux-form";但又失败了。这只是 redux 中的一个简单字段。我已经读过这个link关于redux形式。没有特殊的代码并且易于应用，但是当我在浏览器上播放它时。我遇到了这个问题。

import * as React  from 'react';
import {Field,reduxForm} from "redux-form";
import {connect} from 'react-redux';

class TodoForm extends React.Component<any,any>{

    render(){
        return (
            <form>
                <div>
                    <label htmlFor="firstName">First Name</label>
                    <Field name="firstName" component="input" type="text"/>
                </div>
                <div>
                    <label htmlFor="lastName">Last Name</label>
                    <Field name="lastName" component="input" type="text"/>
                </div>
                <div>
                    <label htmlFor="email">Email</label>
                    <Field name="email" component="input" type="email"/>
                </div>
                <button type="submit">Submit</button>
            </form>
        );
    }
}

const TodoFormContainer = reduxForm({
    form: 'todo' // a unique name for this form
})(TodoForm);

export default connect()(TodoFormContainer);

我错过了什么吗？

Answer 1

我曾经遇到过同样的问题。我记得原因是你没有在combineReducers()中添加formReducer，如下所示:

import { createStore, combineReducers } from 'redux'
import { reducer as formReducer } from 'redux-form'

const reducers = {
  // ... your other reducers here ...
  form: formReducer     // <---- Mounted at 'form'
}
const reducer = combineReducers(reducers)
const store = createStore(reducer)