从React组件中提取属性类型

Question

我正在尝试理解如何(如果可能的话)从给定组件中提取props类型。

const Component = (props: { color: string }) => <div {...props} />;

type ComponentProps = $ExtractArguments<typeof Component>[0] // pseudo-code

我发现这个工具在谷歌上搜索，但我不知道它是否有用...

type $Arguments<F> = $Call<<A: $ReadOnlyArray<mixed>>((...A) => mixed) => A, F>;

Answer 1

您要找的是React.ElementProps或React.ElementConfig。最后一种考虑了defaultProps，因此在实践中更有用。

Docs

Try

import * as React from 'react';

const Component = (props: { color: string }) => <div {...props} />;

type Props = React.ElementConfig<typeof Component>;