json - Q : Correct way posting JSON from Reactstrap form

Question

我想从我使用 Reactstrap 创建的表单中获取 JSON，以便能够将其发布到我的后端。

我找到了 this 示例。我想使用 Reactstrap，所以我无法将 onSubmit={this.handleSubmit} 放在 Form 组件上。这就是为什么我想用经典的 Form 标签替换 form 组件，但 FormData 保持为空。

Here 是我的代码。

我感谢每一个建议。

你好

Answer 1

如果你想使用 ReactStrap 的 Form 组件，你应该放置一个带有 type="Submit" 的按钮为 onSubmit={this.handleSubmit}上类。

做出这种改变和改变 form组件到 Form应该管用。

<FormGroup check row>
  <Col sm={{ size: 10, offset: 2 }}>
    <Button type="submit">Submit</Button>
  </Col>
</FormGroup>

并获得你可以做的数据

 submitForm(event) {
    event.preventDefault();
    const data = new FormData(event.target);
    console.log(data.get('author'));
    console.log(data.get('datTo'));
    console.log(data.get('dateFrom'));    
  }