在 Ant Design(Antd)的 RadioGroup 组件中,onChange 事件确实是在设置单选项值之前触发的。这是因为在 RadioGroup 组件中,onChange 事件是在用户选择单选项之后触发的,而不是在值更新之后触发的。
如果你希望在设置单选项值之后触发 onChange 事件,你可以考虑使用 Radio 组件的 onChange 事件,而不是 RadioGroup 组件的 onChange 事件。这样,每次用户选择单选项时,都会触发 onChange 事件,并且事件处理程序中的参数将包含所选单选项的值。
以下是一个示例代码,演示如何使用 Radio 组件的 onChange 事件来监听单选项值的更改:
import { Radio } from 'antd';
function MyComponent() {
const [value, setValue] = useState(null);
const handleRadioChange = (e) => {
setValue(e.target.value);
// 在这里可以执行你想要的操作,因为值已经更新
};
return (
<Radio.Group onChange={handleRadioChange} value={value}>
<Radio value={1}>Option 1</Radio>
<Radio value={2}>Option 2</Radio>
<Radio value={3}>Option 3</Radio>
</Radio.Group>
);
}
在上面的示例中,每当用户选择单选项时,handleRadioChange 事件处理程序将被触发,并且值将被更新。你可以在事件处理程序中执行任何你想要的操作,因为值已经更新。
领取专属 10元无门槛券
手把手带您无忧上云