reactjs - 无法在 redux-form 字段中输入

标签 reactjs redux redux-form

我无法在表单字段中输入任何内容。我寻找解决方案,但发现没有一个能解决问题。看类似的问题,很可能是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/

相关文章:

javascript - 在 React 状态中保持更新的对象关系

javascript - React Native 中的 redux-form 有问题

javascript - Redux Form 通过简单的验证返回意外错误。为什么?

javascript - 使用重组实用程序作为元素

javascript - Redux 传奇路由器。如何在每场比赛中运行特定的路线传奇?

javascript - 这个错误在 Redux - Toolkit 中意味着什么?

javascript - 如何为我的自定义库组件正确加载字体系列?

reactjs - React - refs - 音频播放 - iOS 上未处理的拒绝(NotSupportedError)

javascript - TypeError : Object(. ..) 不是 React Table 和 moment.js 的函数

javascript - 将回调与 Action 创建者一起使用