Input 의 useId 를 react 제공 함수로 변경했다

cobaltinc · Oct 12, 2023 · e03a44e · e03a44e
1 parent 96e96de
commit e03a44e
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/packages/co-design-core/src/components/Input/Input.tsx b/packages/co-design-core/src/components/Input/Input.tsx
@@ -1,9 +1,8 @@
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useId } from 'react';
 import { useCoTheme, CoComponentProps, CoSize, PolymorphicComponentProps, PolymorphicRef, CoRadius, ClassNames } from '@co-design/styles';
 import { View } from '../View';
 import useStyles from './Input.style';
 import { Text, TextProps } from '../Text';
-import { useId } from '@co-design/hooks';
 
 export type InputStylesNames = ClassNames<typeof useStyles>;
 
@@ -111,7 +110,7 @@ export const Input: InputComponent & { displayName?: string } = forwardRef(
     return (
       <Wrapper>
         {label && (
-          <label htmlFor={inputId} className={classes.label}>
+          <label htmlFor={inputId + name} className={classes.label}>
             <Text className={classes.labelText} {...labelTextProps}>
               {label}
             </Text>
@@ -139,7 +138,7 @@ export const Input: InputComponent & { displayName?: string } = forwardRef(
             required={required}
             disabled={disabled}
             style={{ paddingRight: rightSection ? rightSectionWidth : theme.spacing.small }}
-            id={inputId}
+            id={inputId + name}
           />
           {rightSection && (
             <div