怎样在提交后获取表单选择的数据“ <Form name="horizontal_login" layout="inline" onFinish={this.onFinish}> <Form.Item name="Project" label="Project"> <Select // onChange={this.onProjectChange} defaultValue="SuperDrive" style={{ width:150}} > <Option value="SuperDrive">SuperDrive</Option> <Option value="Parking">Parking</Option> <Option value="Pilot5">Pilot5</Option> <Option value="Pilot3">Pilot3</Option> </Select> </Form.Item> <Form.Item name="Component" label="Component"> <Select defaultValue="all" style={{ width:100 }}> <Option value="all">all</Option> <Option value="percep">percep</Option> <Option value="pnc">pnc</Option> <Option value="navinet">navinet</Option> < Option value="traj">traj</Option> < Option value="sensor">sensor</Option> </Select> </Form.Item> <Form.Item>”
时间: 2023-07-19 11:41:05 浏览: 135
基于Bootstrap+jQuery.validate实现Form表单验证
在 onFinish 函数中可以通过获取表单数据对象来获取选择的数据。可以使用以下代码:
```
onFinish = values => {
const project = values.Project;
const component = values.Component;
// 处理表单数据
}
```
在这个例子中,`values` 是一个对象,包含了表单中所有的字段和它们的值。你可以通过属性名来获取每个字段的值,例如 `values.Project` 和 `values.Component`。获取到这些值之后,你就可以进行后续的处理了。
阅读全文