反应自定义类型定义

Question

我是React的新手，我在React应用程序中遇到了自定义类型定义的问题。我从Stoyan Stefanov的书中学到了知识，并且有一个自定义类型定义的示例，但是当我尝试构建应用程序时，出现了一个错误：

语法错误：js / source / components / Button.js：意外的令牌，预期为“;” （9：5）

我的代码（从9行开始）：

type Props = {

    href: ?string,

    className: ?string,

}

const Button = (props: Props) =>

    props.href

        ? <a {...props} className={classNames('Button', props.className)}/>

        : <button {...props} className={classNames('Button', props.className)}/>

是否可以创建我自己的类型或者它是旧的标准？感谢您的任何评论！

Answer 1

您在书中看到的示例代码正在使用Facebook的flowtype。它是标准js之上的一种增强语法，在babel实际运行之前，需要先将其转换回普通js代码。我相信Stefanov在他的书中包含设置说明。检查您跳过的部分，或访问flowtype的网站以获取说明。就最新而言，我想说Microsoft的打字稿正受到越来越多的关注。这两个是竞争对手，正在解决相同的问题。我个人认为打字稿做得更好。