流类型错误：未知类型的属性。 该类型与数组类型不兼容

Question

我有以下JSX。 就像是：

{
  event.divisions &&
  event.divisions.edges &&
  (event.divisions.edges: Array<Object>)
    .map(d => d.node)
    .map(division => (
      <div>{division}</div>
    ))
}

没有强制转换，它告诉我它缺少注释。 使用强制转换时，出现以下错误：

 81:    (event.divisions.edges: Array<Object>)
         ^^^^^^^^^^^^^^^^^^^^^ property `edges` of unknown type. This type is incompatible with
 81:    (event.divisions.edges: Array<Object>)
                                ^^^^^^^^^^^^^ array type

那怎么可能不兼容？ 又怎么可能是未知的？ 我明确告诉了它的类型。

Answer 1

您可以按照以下方式在对象数组上进行映射

{
  event.divisions &&
  event.divisions.edges &&
  event.divisions.edges.map(d => {
      return d.node.map(division => (
      <div>{division}</div>
    ))
   }

}

Answer 2

尝试这样做：

{
  event.divisions &&
  event.divisions.edges &&
  (event.divisions.edges: $ReadOnlyArray<Object>)
    .map(d => d.node)
    .map(division => (
      <div>{division}</div>
    ))
}