Static Type Checking - [ React中文开发手册 ] - 在线原生手册

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

ディレクトリ 検索

Reference Reference: Component Reference: React Advanced Guides Quick Start DOM Elements Glossary of React Terms JavaScript Environment Requirements props React Top-Level API React.Component ReactDOM ReactDOMServer Shallow Renderer state SyntheticEvent Test Renderer Test Utilities Component React API Accessibility Context Error Boundaries Higher-Order Components Integrating with Other Libraries JSX In Depth Optimizing Performance Portals React Without ES6 React Without JSX Reconciliation Refs and the DOM Static Type Checking Typechecking With PropTypes Uncontrolled Components Web Components Components and Props Composition vs Inheritance Conditional Rendering Forms Handling Events Installation Introducing JSX Lifting State Up Lists and Keys Rendering Elements State and Lifecycle Thinking in React

テキスト

像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

你也可以尝试打字稿 - 反应 - 启动器。

前の記事：次の記事：