Reduxフィールドには入力しません。

Question

私はこの問題を抱えています。入力欄には何も入力できません。私はこれを使用するimport {Field,reduxForm} from "redux-form"; しかし、もう一度失敗します。これは単純なフィールドです。私はすでに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)