PropType 已定义，但从未使用过 prop - 但它是？

Question

我遇到了这些错误，但我不知道如何修复它们。这就是我定义和使用有问题的属性的方式：

type State = {
  isLoading: boolean // <-- 'isLoading' PropType is defined but prop is never used
};
type Props = {};


export default class MyComponent extends Component<State, Props> {
  constructor(props) {
    super(props);
    this.state = { isLoading: true };
  }
 render() {
    const {isLoading } = this.state; // <-- property `isLoading` is missing in  `Props` [1].Flow(InferError)
index.js(25, 52): [1] `Props`
    if (isLoading)
      return (
        <Container>
          <Spinner color="blue" />
        </Container>
      );
 }
}

所以有定义并使用它们（当我解构时）。 Flow error我也看不懂，不过明显是有关系的

Answer 1

您颠倒了传递给 Component 的 Props 和 State 类型参数的顺序，因此 Flow 认为 props 是 State 而 state 是 Props.该行应如下所示，首先是 Props，然后是 State:

export default class MyComponent extends Component<Props, State> {
    // ...
}

查看 Flow docs on React components 了解更多信息。

PropType 已定义，但从未使用过 prop - 但它是？

PropType is defined but prop is never used - But it is?

eslint

flowtype

airbnb-js-styleguide