打字稿中的打字破坏

Question

我有一个类型：

export type Props = {
  value: string;
};

和组件：

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

如何为{props.value}使用说明？

Answer 1

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

Answer 2

您在使用反应吗？您也可以这样做：

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