Puedo renderizar un campo de entrada usando redux-form, pero parece que no puedo escribir ningún texto dentro del campo (el componente parece volver a renderizarse con cada pulsación de tecla). A continuación se muestra el código, creé uno realmente simple para tratar de identificar el problema:
import React, { Component } from 'react'; import { connect } from 'react-redux'; import { createStore, combineReducers } from 'redux'; import { Field, reduxForm, 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); class TestForm extends Component { formSubmit(props) { console.log('form submitted'); } render() { const { handleSubmit } = this.props; return ( <div> This is a test form. <div> <form onSubmit={handleSubmit(this.formSubmit.bind(this))}> <Field name="firstField" component="input" type="text" /> <button type="submit">Submit</button> </form> </div> </div> ); } } TestForm = reduxForm({ form: 'testingForm' })(TestForm); export default TestForm;También copié y pegué literalmente el ejemplo de los documentos oficiales de redux-form: http://redux-form.com/6.0.2/docs/MigrationGuide.md/ y sigo encontrando el mismo problema. He estado tratando de resolver esto durante algunas horas. ¿Podría ser la versión de redux o redux-form?
Estoy usando redux v3.5.2 y redux-form v6.2.1.
¡Agradecería cualquier ayuda!
Tuve el mismo problema. La causa fue que no pude agregar formReducer a la lista de reductores que estaba usando. Para arreglar agregué:
import { reducer as formReducer } from 'redux-form' const RootReducer = combineReducers({ ... form: formReducer // <---- Mounted at 'form' })Creo que debes consultar los documentos react-redux . Este componente debe colocarse dentro de un componente <Provider store={store}> . ¿Quizás lo está haciendo fuera de este archivo y acaba de incluir la inicialización de la tienda para que sea informativo?