Redux 字段不输入

Question

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

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)

Redux 字段不输入

Redux field not typing

javascript

typescript

react-redux