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

Question

我想从我使用 Reactstrap 创建的表单中获取 JSON，以便能够 post 它针对我的后端。

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

Here 是我的代码。

我很感激每一个建议。

问候

Answer 1

如果您想使用 ReactStrap 中的表单组件，您应该放置一个带 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'));    
  }

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

Q: Correct way posting JSON from Reactstrap form

post

json

reactjs

reactstrap