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')
);
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. –
Erhalten Sie irgendwelche Fehler oder etwas? –
@ 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