Блог

У меня есть тип:

 export type Props = {
  value: string;
};
  

и компонент:

 export const Component = (props: Props) => (
  <Rate>
    <RateValue weight="medium" size={22}>
      {props.value}
    </Styled.RateValue>
  </Rate>
);
  

как я могу использовать descruction для {props.value} ?

 export const Component = ({ value }: Props) => (
  <Rate>
    <RateValue weight="medium" size={22}>
      {value}
    </Styled.RateValue>
  </Rate>
);
  

Используете ли вы react? Вы также можете сделать это:

 export const Component: React.FC<Props> = ({ value }) => (
  <Rate>
    <RateValue weight="medium" size={22}>
      {props.value}
    </Styled.RateValue>
  </Rate>
);