json - 问：从 Reactstrap 表单发布 JSON 的正确方法

Question

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

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

这是我的代码。

我感谢每一个建议。

问候

Answer 1

如果你想使用 ReactStrap 中的 Form 组件，你应该放置一个带有type="Submit"for的按钮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'));    
  }