使用 flowtype 输入内部无状态函数答案

【问题标题】：Type internal stateless functions with flowtype使用 flowtype 输入内部无状态函数
【发布时间】：2017-12-27 14:36:24
【问题描述】：

自从上次更新流程 (0.61) 以来，感觉就像生活在一场噩梦中。

目前我正在努力获得一个简单的无状态组件来通过流测试。

这是我的代码：

function FlexRow (props: PropTypes): ReactElement => {
    function _getRowClasses (): Array<*> => {
        const cssClasses = []

        if (props.xs) {
            cssClasses.push(styles.xs)
        }
        if (props.sm) {
            cssClasses.push(styles.sm)
        }
        if (props.md) {
            cssClasses.push(styles.md)
        }
        if (props.lg) {
            cssClasses.push(styles.lg)
        }
        if (props.xl) {
            cssClasses.push(styles.xl)
        }
        if (props.class) {
            cssClasses.push(props.class)
        }
        return cssClasses
    }

    function _getRowStyles () {
        const cssStyles = {}
        if (props.offset) {
            cssStyles.marginLeft = (props.offset * -1)
            cssStyles.marginRight = (props.offset * -1)
        }
        if (props.inset) {
            cssStyles.paddingLeft = props.inset
            cssStyles.paddingRight = props.inset
        }
        return cssStyles
    }

    return (
        <div className={classNames(styles.flexrow, _getRowClasses())} style={_getRowStyles()}>
            {React.Children.toArray(props.children)}
        </div>
    )
}

我在以下位置遇到流错误：

function _getRowClasses (): Array<*> => {

错误说： 解析错误：意外令牌，预期：（致命）

我试图查看文档，但是伙计，他们的文档是有史以来最糟糕的。因此，如果有人能给我一些帮助，我将不胜感激。

和平， TF

【问题讨论】：

标签： javascript reactjs flowtype

【解决方案1】：

流程是正确的：=> 在函数定义中是意外的。只需修复前两行：

function FlexRow (props: PropTypes): ReactElement {  
    function _getRowClasses (): Array<*> {
...

【讨论】：

现在我收到另一个错误：在函数 FlexRow (props: PropTypes): ReactElement { 。 ... 在 PropTypes -> React element FlexRow 此类型与对象类型不兼容。在 ReactElement -> ReactElement 上无法解析名称。什么无尽的混乱:(。
请输入简单的repro here，也许我可以帮助你。