窗口对象的正确流类型是什么？

Question

我需要从应用程序的根目录传入 window，但我对应该使用哪种流类型感到困惑。

我试过了

export default class ListAttribute extends Component {
  props: {
   frameWindow: mixed
  }
  componentDidMount() {
    this.props.frameWindow.addEventListener('click', this.closeList, false) 
  }
  ....
}

这给了我call of method addEventListener. Method cannot be called on mixed，我尝试过细化但没有成功。

我试着在这里寻找，但找不到任何关于 bom 本身的东西。 https://www.saltycrane.com/flow-type-cheat-sheet/latest/#lib/bom.js

Answer 1

您需要特定于window 的任何方法吗？如果您所做的只是对addEventListener 的一次调用，那么可以在任何EventTarget 上调用，window 肯定是。由于window 的默认类型是any，您应该可以将它传递给EventTarget。

这里有一个更简单的例子，希望能展示这个想法，但没有引入代码的所有细节：

function withWindow(window: EventTarget) {
  window.addEventListener("click", (e: MouseEvent) => console.log(e), false); 
}

withWindow(window); // type checks fine!

希望有帮助！

Answer 2

There currently isn't any typings for the window object 好像。目前看来，使用了any的类型。