mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 09:21:22 +08:00
2a3fc818d0
* refactor(radio): rewrite with hook * fix lint
24 lines
974 B
TypeScript
24 lines
974 B
TypeScript
import * as React from 'react';
|
|
import Radio from './radio';
|
|
import { RadioChangeEvent } from './interface';
|
|
import { AbstractCheckboxProps } from '../checkbox/Checkbox';
|
|
import { ConfigContext } from '../config-provider';
|
|
import RadioGroupContext from './context';
|
|
|
|
export type RadioButtonProps = AbstractCheckboxProps<RadioChangeEvent>;
|
|
|
|
const RadioButton = (props: RadioButtonProps, ref: React.Ref<any>) => {
|
|
const radioGroupContext = React.useContext(RadioGroupContext);
|
|
const { getPrefixCls } = React.useContext(ConfigContext);
|
|
|
|
const { prefixCls: customizePrefixCls, ...radioProps } = props;
|
|
const prefixCls = getPrefixCls('radio-button', customizePrefixCls);
|
|
if (radioGroupContext) {
|
|
radioProps.checked = props.value === radioGroupContext.value;
|
|
radioProps.disabled = props.disabled || radioGroupContext.disabled;
|
|
}
|
|
return <Radio prefixCls={prefixCls} {...radioProps} type="radio" ref={ref} />;
|
|
};
|
|
|
|
export default React.forwardRef(RadioButton);
|