2017-03-12 6 views
3

Ich kann nichts in meine Formularfelder eingeben. Ich suchte nach Lösungen, fand aber keine, die das Problem lösten. Wenn man sich ähnliche Probleme anschaut, ist das wahrscheinlich ein reduzierendes Problem. Was mache ich falsch?Kann Redux-Formular nicht eingeben Feld

Verwendung: reagieren 15.4.2, redux-Form 6.5.0, 3.0.2-router reagieren

LoginForm.js

class LoginForm extends React.Component { 

    onSubmit(values) { 
     console.log(values.email) 
    } 

    render() { 

     var { handleSubmit } = this.props; // Provided by redux-form 

     return (
      <form onSubmit={handleSubmit(this.onSubmit.bind(this))}> 
       <label>E-mail</label> 
       <Field name='email' component='input' type='text' /> 
       <button type="submit">Login</button> 
      </form> 
     ) 
    } 
} 

const form = reduxForm({ 
    form: 'LoginForm' 
}) 

export default connect(mapStateToProps)(form(LoginForm)); 

reducers.js

const combinedReducers = combineReducers({ 
    form: formReducer 
}); 

export default combinedReducers; 

Index. js

const createStoreWithMiddleware = applyMiddleware(thunk)(createStore); 

// temp 
const Dashboard =() => { return <div>Dasboard</div> }; 

ReactDOM.render(
    <Provider store={createStoreWithMiddleware(combinedReducers)}> 
    <Router history={browserHistory}> 
     <Route path="/" component={LoginForm} /> 
     <Route pathp="dashboard" component={Dashboard} /> 
    </Router> 
    </Provider> 
    , 
    document.getElementById('app') 
); 
+0

Sie müssen weitere Details angeben. Ich habe Ihren Code repliziert und es funktioniert wie erwartet. Sie können den Code hier sehen: https://www.webpackbin.com/bins/-Kf13qs_C-9323-46SGH. –

+0

Erhalten Sie irgendwelche Fehler oder etwas? –

+0

@ DeividasKaržnauskas tnx zum Beantworten und Testen meines Codes. Da es für Sie funktioniert, sollte der Code in Ordnung sein. Dann könnte es mein Setup sein. Welche Details soll ich bereitstellen? Es ist eine sehr einfache App, und es gibt nicht viel mehr zu zeigen. – BennievanderWel

Antwort

0

OK, habe ich noch keine Ahnung, was schief gelaufen ist, aber nachdem ich React, Redox und Redox-Form neu installiert habe, hat alles funktioniert.

Tnx zu @Deividas Karžinauskas für die Hilfe und Zeit. Dank seiner Antworten wusste ich, dass der Code in Ordnung war und es etwas anderes sein musste.

+0

Abgesehen von 'pathp 'sehe ich keine eklatanten Fehler in Ihrem Code. –

Verwandte Themen