如何使用制服清除Meteor中的表单字段

时间:2017-07-13 05:18:53

标签: javascript mongodb forms reactjs meteor

我正在使用Uniforms为我的网站创建表单字段。当我在填写表单字段后单击提交按钮时,数据将被提交到数据库,但字段仍然会被填充而不是在提交时清空。我尝试创建一个onSubmit方法(我认为这就是所谓的......仍然是新的),它将转到模式并编辑值字符串'Song name'.uniforms.value = '',但控制台声明我无法设置属性未定义的'价值'。

这是我的表单代码:

const PostCreateForm = ({model}) =>
    <AutoForm
      schema={PostSchema}
      onSubmit={
        (doc => Submissions.insert(doc))
        & ('Song name'.uniforms.value = '')
      }
      model={model}
      placeholder={true}>

        <AutoField name="Song name" />

        <div className="super-special-class">
            <SubmitField className="super-special-class-with-suffix" />
        </div>
    </AutoForm>
;

我的架构代码:

const PostSchema = new SimpleSchema({

    'Song name': {
      type: String,
      min: 1,
      uniforms: {
        placeholder: '',
        value: ''
      }
    }
  });

最后我称之为<PostCreateForm/>

的班级
  export default class UniformsHello extends React.Component {

    render() {

      return(
        <div>
          <h1>Submit a track</h1>
          <PostCreateForm />
        </div>
      );
    }
  }

我应该为此调用onSubmit,还是完整的页面刷新?哪个是更好的选择,我该如何解决这个问题?谢谢!

0 个答案:

没有答案