?
This document uses PHP Chinese website manual Release
像Flow和TypeScript這樣的靜態(tài)類型檢查程序可以在運行代碼之前識別某些類型的問題。他們還可以通過添加自動完成功能來改善開發(fā)人員的工作流程。出于這個原因,我們建議使用Flow或TypeScript而不是PropTypes
更大的代碼庫。
以下是將流程添加到您的React應(yīng)用程序的說明。
首先安裝Babel。如果你還沒有這樣做,這里有一個有用的設(shè)置指南。
接下來安裝babel-preset-flow
有兩種紗線或NPM。
yarn add --dev babel-preset-flow # or npm install --save-dev babel-preset-flow
然后添加flow
到您的Babel預(yù)設(shè)配置。
{ "presets": ["flow"]}
創(chuàng)建React App默認支持Flow。只需安裝Flow并.flowconfig
通過運行創(chuàng)建一個文件flow init
。
create-react-app my-app cd my-app yarn add --dev flow-bin yarn run flow init
流程現(xiàn)在將作為create-react-app
腳本的一部分運行。
你可以在這里了解更多關(guān)于使用TypeScript和React的知識。
react-scripts-ts自動配置create-react-app
項目以支持TypeScript。你可以像這樣使用它:
create-react-app my-app --scripts-version=react-scripts-ts
你也可以嘗試打字稿 - 反應(yīng) - 啟動器。