我无法在表单字段中输入任何内容。我寻找解决方案,但发现没有一个能解决问题。看类似的问题,很可能是reducer的问题。那么我做错了什么?
使用:react 15.4.2、redux-form 6.5.0、react-router 3.0.2
登录表单.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));
reducer .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')
);
最佳答案
好吧,我仍然不知道出了什么问题,但是在我重新安装了react、react-redux和redux-form之后,一切正常了。
Tnx 至 @Deividas Karžinauskas 寻求帮助和时间。感谢他的回答,我知道代码没问题,而且必须是其他东西。
关于reactjs - 无法在 redux-form 字段中输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42745731/