©
This document uses PHP Chinese website manual Release
像Flow和TypeScript这样的静态类型检查程序可以在运行代码之前识别某些类型的问题。他们还可以通过添加自动完成功能来改善开发人员的工作流程。出于这个原因,我们建议使用Flow或TypeScript而不是PropTypes
更大的代码库。
以下是将流程添加到您的React应用程序的说明。
首先安装Babel。如果你还没有这样做,这里有一个有用的设置指南。
接下来安装babel-preset-flow
有两种纱线或NPM。
yarn add --dev babel-preset-flow # or npm install --save-dev babel-preset-flow
然后添加flow
到您的Babel预设配置。
{ "presets": ["flow"]}
创建React App默认支持Flow。只需安装Flow并.flowconfig
通过运行创建一个文件flow init
。
create-react-app my-app cd my-app yarn add --dev flow-bin yarn run flow init
流程现在将作为create-react-app
脚本的一部分运行。
你可以在这里了解更多关于使用TypeScript和React的知识。
react-scripts-ts自动配置create-react-app
项目以支持TypeScript。你可以像这样使用它:
create-react-app my-app --scripts-version=react-scripts-ts
你也可以尝试打字稿 - 反应 - 启动器。