Question

我正在使用react@16.0.0-beta.5和flow-bin@0.54.0

我正在尝试在此组件上应用flowtype

// @flow
class SomeIcon extends Component<{}> {

    render() {
        return (
            <i>
                <img src="" />
                <span>Hello</span>
            </i>
        )
    }

}

流程说

14:     <i>
        ^^^ React element `i`
14:     <i>
        ^^^ React children array. This type is incompatible with
children?: React$Node,
           ^^^^^^^^^^ union: undefined | null | boolean | number | string | type application of type `React$Element` | type application of identifier `Iterable`

当我删除<span>标记中的<i>标记时，流程就可以了。但是如果我使用多个孩子，则会抛出错误。

有什么问题？

Answer 1

我在.flowconfig

上找到了这个

[libs]
./node_modules/immutable/dist/immutable.js.flow

Immutable.js的{p> Immutable.Iterable流类型定义与类型定义冲突 declare type React$Node = ... | Iterable<React$Node>

当我将Immutable.js更新为immutable@4.0.0-rc.2时，冲突已解决。

Flow：React children数组错误

1 个答案: