javascript - 导出 react redux connect 时出现 Flow uncovered 代码警告

Question

我正在尝试使用 react redux connect 函数导出组件，如下所示:

//@flow
import React, { Component } from 'react';
import { connect } from 'react-redux';

type Props = {
    children?: any,
    someInfo: string
}

class ToDo extends Component<Props> {
    render() {
        let { someInfo } = this.props;

        return (
            <div className="todo-page">
                <pre>{ JSON.stringify(someInfo) }</pre>
            </div>
        );
    }
}

type StateProps = {
  someInfo: string
}

const mapStateToProps = (state: StateProps) => {
    const { someInfo } = state;
    return { someInfo };
};

export default connect(mapStateToProps, {})(ToDo);

最后一行(导出行)出现未覆盖代码警告。

我得到的错误:

---

我应该如何构建我的代码并删除此类警告？

Answer 1

实际上我的项目中也有这个，但我取消选中/取消选择 VSCode 底部的流覆盖选项。这将在您的代码中的流程错误和未发现的代码之间切换。

未覆盖的代码是外部代码(导入的模块)，有时是您自己的代码，更可能是未定义流类型的第三方依赖项(如本例中)。因此，流程无法检查类型的一致性。

您可以按照评论中的建议从 flow-typed 安装 react-redux 类型定义。其实我以前试过这个，导致整个世界都痛苦，所以我离开了。

作为旁注，请考虑一下...以 100% 的类型检查覆盖率为目标与以 100% 的测试覆盖率为目标一样有害(google it)。以实际可行的高覆盖率为目标，不要浪费时间追求最后的百分之几。