首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Mobx React表单-如何实现自定义onSubmit

Mobx React表单-如何实现自定义onSubmit
EN

Stack Overflow用户
提问于 2017-12-04 00:05:15
回答 0查看 1.4K关注 0票数 0

我正在使用mobx-react-from,我有一个问题,我不知道如何在obSubmit钩子中使用我的商店中的操作。

mobx表单运行正常..我可以看到输入和验证,当我提交表单时,我想要的就是使用store中的操作……

我的AutStore文件:

代码语言:javascript
复制
import {observable,action} from 'mobx';

class AuthStore {

  constructor(store) {
      this.store = store
   }

  @action authLogin=(form)=>{

    this.store.firebaseAuth.signInWithEmailAndPassword().then(()=>{

    }).catch(()=>{

    })
  }

 }

 export default AuthStore

我的AuthForm文件:

代码语言:javascript
复制
 import {observable, action} from 'mobx';
 import MobxReactForm from 'mobx-react-form';
 import {formFields,formValidation} from './formSettings';

 const fields = [
   formFields.email,
   formFields.password
 ];
 const hooks = {

  onSuccess(form) {
     // Here i want to use an action  - authLogin from my AuthStore
     console.log('Form Values!', form.values());
  },
  onError(form) {
    console.log('All form errors', form.errors());
   }
 };

const AuthForm = new MobxReactForm({fields}, {plugins:formValidation, 
hooks});
export default AuthForm

我想知道怎样才能连接到一起谢谢!

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47620273

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档