Ant-design: 使用 Form 组件处理表单提交

创建于 2017-01-12  ·  3评论  ·  资料来源: ant-design/ant-design

我不确定如何使用此处找到的 antd <Form/>组件进行表单验证。 该文档在<Form/>组件上指定了一个onSubmit道具,该道具被传递了一个事件。 然后它似乎触发了this.props.form内部的一个函数。 我目前正在使用以下代码:

handleSubmit(e) {
   e.preventDefault();

  console.log('before' + e.target.value)

  this.props.validateFields((err, values) => {
  console.log('errors: ' + err)
  console.log(values)
    if (!err) {
      console.log('Received values of form: ', values);
    }
  });
}

<Form inline onSubmit={this.handleSubmit.bind(this)}>
    ....
</Form>
  1. 我无法从传递给提交回调的事件中检索值,因为e.target.value返回未定义。

    1. 在对this.props.validateFields()的调用中,如文档中所示,这些值来自哪里?
Usage

最有用的评论

@benjycui在堆栈溢出中没有任何有用的答案。 并关闭对 ant design MF 的每个问题的相同回复。 我可以看到你每一个 git 问题的 ant design 废话

所有3条评论

Ant Design 团队使用 GitHub 问题来跟踪错误或讨论 Ant Design 的计划。 所以,请不要在这里问使用问题。 您可以尝试在Stack OverflowSegment Fault中提问,然后将标签antdreact应用于您的问题。

在提出问题之前,您应该阅读文档常见问题解答并搜索问题,THX!

如果您阅读聪明的问题提问的智能)会更好。

@Orbyt你解决了这个问题吗? 或者你有这个问题的stackoverflow问题吗?

@benjycui在堆栈溢出中没有任何有用的答案。 并关闭对 ant design MF 的每个问题的相同回复。 我可以看到你每一个 git 问题的 ant design 废话

此页面是否有帮助?
0 / 5 - 0 等级