fix: Radio.Group forward child element ref (#26555)

Co-authored-by: William Cai <williamcai@easyops.cn>

components/radio/__tests__/group.test.js

@@ -153,6 +153,19 @@ describe('Radio Group', () => {
     expect(wrapper).toMatchSnapshot();
   });
 
+  it('should forward ref', () => {
+    let radioGroupRef;
+    const wrapper = mount(
+      createRadioGroupByOption({
+        ref: ref => {
+          radioGroupRef = ref;
+        },
+      }),
+    );
+
+    expect(radioGroupRef).toBe(wrapper.children().getDOMNode());
+  });
+
   describe('value is null or undefined', () => {
     it('use `defaultValue` when `value` is undefined', () => {
       const options = [{ label: 'Bamboo', value: 'bamboo' }];

components/radio/group.tsx

@@ -7,7 +7,7 @@ import { ConfigContext } from '../config-provider';
 import SizeContext from '../config-provider/SizeContext';
 import { RadioGroupContextProvider } from './context';
 
-const RadioGroup: React.FC<RadioGroupProps> = props => {
+const RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>((props, ref) => {
   const { getPrefixCls, direction } = React.useContext(ConfigContext);
   const size = React.useContext(SizeContext);
 
@@ -96,6 +96,7 @@ const RadioGroup: React.FC<RadioGroupProps> = props => {
         onMouseEnter={onMouseEnter}
         onMouseLeave={onMouseLeave}
         id={id}
+        ref={ref}
       >
         {childrenToRender}
       </div>
@@ -114,7 +115,7 @@ const RadioGroup: React.FC<RadioGroupProps> = props => {
       {renderGroup()}
     </RadioGroupContextProvider>
   );
-};
+});
 
 RadioGroup.defaultProps = {
   buttonStyle: 'outline' as RadioGroupButtonStyle,