2024年4月18日发(作者：)
react antd 组件取值的方法
在React中，使用antd组件的方式可以通过不同的方法来获取组件的值。以下
是一些常用的方法：
1. 使用受控组件：通过在组件上设置value或defaultValue属性，在onChange
事件中获取组件的值。例如，使用Input组件：
jsx
import { Input } from 'antd';
class MyComponent extends ent {
state = {
value: '',
};
handleChange = (e) => {
te({ value: });
};
render() {
return (
);
}
}
2. 使用ref引用：使用ref属性来引用组件实例，然后通过t属性来
获取组件的值。例如，使用Input组件：
jsx
import { Input } from 'antd';
class MyComponent extends ent {
constructor(props) {
super(props);
tRef = Ref();
}
handleClick = () => {
();
};
render() {
return (
);
}
}
3. 使用Form组件：使用Form组件来管理表单，并通过getFieldValue方法
来获取组件的值。例如，使用Input组件：
jsx
import { Form, Input, Button } from 'antd';
class MyComponent extends ent {
formRef = Ref();
handleSubmit = () => {
const value = ldValue('myInput');
(value);
};
render() {
return (
);
}
}
注意：以上示例代码中的antd版本为4.x版本，若使用的是3.x版本，部分方
法和属性可能有所不同，需要根据具体版本进行调整。
发布评论