我认为在其他React组件中引用流时,也应该对其进行静态检查,但不能... 我对流程的使用有问题吗?
// This is the Icon.jsx file code
// @flow
import * as React from 'react';
import { Icon } from 'antd';
type Props = {
type?: string
};
export default class FGIcon extends React.Component<Props> {
constructor(props: Props) {
super(props);
}
render() {
return (
<Icon
{...this.props}
/>
)
}
}
class testFlow extends React.Component<{}> {
render() {
return (
<FGIcon type={222222}/>
)
}
}
我在当前文件下使用了<FGIcon type={222222}/>
,流量检查是正常的。
无法创建
FGIcon
元素,因为数字[1]与属性type
中的字符串[2]不兼容。Flow(InferError)
但是
// This is the Button.jsx file code
// @flow
import * as React from 'react';
import { Button } from 'antd';
import { Icon } from '../';
export default class FGButton extends React.Component<{}> {
render() {
return (
<div>
<Button
{...this.props}
/>
<Icon type={178954666}/>
</div>
)
}
}
通过引用Button.jsx文件中的Icon react组件,流程无法检查type属性。
为什么我不能像这样将流用于反应项目?