eslint - 定义了 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 错误，但它们显然是相关的。

Answer 1

您颠倒了传递给 的参数的顺序Props和类型，因此 Flow 认为 props 是并且 state 是。该行应如下所示，首先是：StateComponentStatePropsPropsState

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

查看有关 React 组件的 Flow 文档了解更多信息。