// @flow
import React, { type Element, ComponentProps } from 'react';
interface ButtonProps extends ComponentProps<'button'> {
name: string;
}
const Button = (props: ButtonProps): Element<'button'> => {
const { children } = props;
return <button {...props}>{children}</button>;
};
export default function ButtonTest() {
return (
<div>
<Button name="sahil" style={{ margin: 20 }}>
Sahil Kapoor
</Button>
</div>
);
}
在上面的代码中,红线出现在ComponentProps下面。这是因为Flow.js无法识别React中存在ComponentProps。
确切的Flow.js错误是-
无法导入ComponentProps
,因为ComponentProps
中没有react
导出。
我不知道React中是否存在ComponentProps,如何解决Flow.js的问题?