Flow 中的属性缺失或未定义

Question

我将 Flow 与 React 一起使用，并且我有一个使用 State 和 Props 类型的类，如下所示：

type B = {x:number}

type State = {
  a: ?B
};

type Props = {}

class MyClass extends React.PureComponent<Props, State> {
  constructor(props: Props) {
    super(props);
    this.state = {
      a: null,
    };
  }
...
myFunction=()=>{

console.log(this.state.a.x)// Flow error here

}

}

流错误是：无法获取this.state.a.x，因为未定义中缺少属性x。我的类型定义有什么问题？为什么我应该在构造函数中使用“道具”类型定义（道具：道具）{}？

Answer 1

?B 表示a 属性与B | null | void 相同。因为你可以做null.x 或undefined.x Flow 抛出一个有效的异常。例如，为了让您的代码正常工作，您可以更改

console.log(this.state.a.x);

成为

console.log(this.state.a ? this.state.a.x : null);

这样如果a 没有设置为B 值，它将记录null。

或者，您可以将类型设为 a: B，但您需要有一个 B 值才能将状态作为初始值，听起来您可能没有，因为您的示例状态设置a: null。