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

【问题标题】：Q: Correct way posting JSON from Reactstrap form问：从 Reactstrap 表单发布 JSON 的正确方法
【发布时间】：2018-09-29 17:53:42
【问题描述】：

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

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

Here 是我的代码。

我感谢每一个建议。

问候

【问题讨论】：

您必须使用FormData.get() 才能看到结果。试试this

标签： json reactjs post reactstrap

【解决方案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'));    
  }

【讨论】：

我误会你了吗？我像this 一样尝试过，但数据仍然是空的——如果它是表单标签也没有区别
数据不为空，应使用get('inputName')获取所需值。