ant design pro pro table 获取输入框内容
时间: 2023-08-03 14:04:33 浏览: 92
基于 Ant Design of Vue 实现的 Ant Design Pro
如果您使用的是 Ant Design Pro ProTable,您可以通过以下方式获取输入框的内容:
1. 在 ProTable 中使用 formRef 属性,将表单的 ref 存储到组件状态中,例如:
```jsx
const [formRef, setFormRef] = useState(null);
<ProTable
formRef={setFormRef}
// 其他属性
/>
```
2. 在表单数据提交的回调函数中,通过 ref 调用表单的 getFieldsValue 方法获取输入框的值,例如:
```jsx
const handleSubmit = (values) => {
const formData = formRef.current.getFieldsValue();
console.log(formData.inputFieldName); // 获取输入框的值
// 其他操作
};
```
其中,`inputFieldName` 是您要获取值的输入框名称。通过以上方法,您可以轻松地获取到 ProTable 中输入框的内容。
阅读全文