如何使用d.ts文件输入样式组件?

Question

我正在做一个React Native项目，主要是用javascript完成的，在baseCSS.js文件中有几个样式组件

我们正逐步尝试迁移到typescript，并键入javascript组件，因为它们正在typescript文件中使用，所以我的意图是在baseCSS.d.ts文件中逐个添加这些样式组件的类型，直到它们全部键入，但我不知道如何在单独的文件

中键入样式组件我设法在同一个文件中使用JSDocs输入，但我不知道如何将其翻译成。d。ts文件

export const Box =
/** @type {import('styled-components').ThemedStyledFunction<typeof View, BoxProps>} */
(styled.View)`

Answer 1

首次安装类型:

npm i --save-dev @types/styled-components-react-native
// OR
yarn add -D @types/styled-components-react-native

，那么你可以这样做:

const Heading = styled(View)<{ active: boolean }>`
color: ${props => (props.active ? 'red' : 'blue')};
`;