❶ react怎麼看下載了的包
react在Downloaded看下載了的橋旁包。根據查詢相關資料肢桐信息，改過下載保存路徑，就要去你設定的目錄下尋找文件了，許多下載軟體，都有默認的下載地址。在選項中可設置，下載之後敏飢橡的東西在那個地址里可以找到。
❷ 如何啟動react文件
如何啟動react項目
1、首先打開命令提示符工具
開始——菜單——運行——cmd
2、然後使用cd命令進入項目目錄
cd my-app
3、接著運行npm start即可
註：如果項目目錄中沒有node_moles文件夾，需要先安裝依賴
npm install
npm start和 npm run start是等效關系，在一個npm管理項目中，一般默認有start的定義，且會經常使用，所以就在npm執行中簡化輸入目的設置了npm run start的簡寫，類似的還有npm stop、npm test等等。而其他的一些不太通用的命令項則只能通過npm run <命令項>的形式執行。
❸ javascript h5 app（react.js）中如何下載附件（url鏈接形式）並在新窗口中打開附件
我們只要用content創建一個ObjectURL並賦值給aLink即可解決文件類型的限制問題。
文件的自動下載也挺好辦回，自己構建一個答UI點擊事件，再自動觸發下，就能實現自動下載啦。
現在來看看最終代碼：
代碼如下:
function downloadFile(fileName, content){
var aLink = document.createElement('a');
var blob = new Blob([content]);
var evt = document.createEvent("HTMLEvents");
evt.initEvent("click", false, false);//initEvent 不加後兩個參數在FF下會報錯, 感謝 Barret Lee 的反饋
aLink.download = fileName;
aLink.href = URL.createObjectURL(blob);
aLink.dispatchEvent(evt);
}
現在，只要一調用downloadFile，文件就自動下載了
❹ react下載文件保存路徑
react下載文件保存路徑:第一步我們首先需要知道下載的文此棗模件存放在手機react路徑下面，打開手機自帶的文件管理。
02
第二步進去文件管理之後岩拆，點擊本地。
03
第三步進去本地界面之後，點擊內部存儲。
04
第四步進去本地存儲之後，下滑找到react文件夾，一般文件夾都是按字母排序的，首先找到t字母開頭的文件夾，然後就比較容易找到react。
05
第五步進之後，找到react文森緩件夾，這個文件夾是存放下載的文件的。
06
第六步進去react文件夾之後，可以看到應用下載的文件。
❺ React基礎
1、jsx語法
2、組件
3、 元素渲染
4、 props
5、生命周期和state
6、事件
React主要是用於構建用戶界面的 JavaScript 庫，實現單頁面應用。
react中文網：https://react.docschina.org/
谷歌react調試工具：react develpoer tools，用於調試react
rex調試工具：rex devTools，用於調試rex
markdown文本，創建的文件後綴是.md結尾的，是在github，npm,碼雲等代碼託管平台枯信上使用一種文本格式，在這種網站上會自動展示.md文件的內容，主要是說明功能
npx create-react-app my-app
通過這個指令一鍵搭建react環境，基於webpack的
cd my-app 進入文件夾
npm start 啟動攔或
復制空白環境
復制已經下載好的空白環境到目標位置
cd my-app 進入文件夾
cnpm i 安裝
npm start 啟動
1、安裝react環境
2、安裝chrome插件
1、介紹：HTML 語言直接寫在 JavaScript 語言之中，不加任何引號，這就是 JSX（JavaScript and XML） 的語法，JSX是一種 JavaScript 的語法擴展，它允許 HTML 與 JavaScript 的混寫。 2、語法是： 1）
:遇到標簽就按html解析
2）{str} : 遇到{}就按js解析，{}中的js代碼不要直接出現{}
3、JSX 是一個表達式，可以在 if 語句和 map循環的代碼塊中使用 JSX，將 JSX 賦值給變數，把 JSX 當作參數傳入，以及從函數中返回 JSX
4、JSX屬性
JSX const element = ;
2）使用大括弧來定義以 JavaScript 表達式為值的屬性
jsx const element = ;
3）style樣式使用JSX，寫法如下：
.map(function(ele,index){
return 返回值
})
數組的一個遍歷方法,ele是數組元素項，index是下標，return後是返回值
元素描述了你在屏幕上想看到的內容，是構成 React 應用的最小磚塊，與瀏覽器的 DOM 元素不同，React 元素是創建開銷極小的普通對象。React DOM 會負責更新 DOM 來與 React 元素保持一致。
說明：1.參數1：element為要顯示的元素。可以是雙標簽形式的，也可以是單標簽形式的，如果是單標簽必須有結束符號
2.參數2：parentNode為元素要顯示在頁簡敗伍面的哪個標簽中。
3.渲染方法一般一個項目中只有一個。其他頁面通過組件引入或者路由訪問。
4.更新已渲染的元素:React 元素是不可變對象。一旦被創建，你就無法更改它的子元素或者屬性。一個元素就像電影的單幀：它代表了某個特定時刻的 UI。更新 UI 唯一的方式是創建一個全新的元素，並將其傳入 ReactDOM.render()
從概念上類似於 JavaScript 函數。它接受任意的入參（即 「props」），並返回用於描述頁面展示內容的 React 元素。組件允許你將 UI 拆分為獨立可復用的代碼片段，並對每個片段進行獨立構思。
1、函數形式
2、類形式
組件的導出使用es6模塊的導出語法。可以使用 export default 組件名，也可以使用 export {組件名}
組件的引入實現es6模塊的引入語法。可以使用 import 組件名 from 『組件路徑』
注意：
1、組件名稱首字母必須大寫
2、組件的頁面結構只能有一個頂層標簽,不能出現兄弟關系，頁面如果比較復雜，需要使用小括弧包裹起來
當 React 元素為用戶自定義組件時，它會將 JSX 所接收的屬性（attributes）轉換為單個對象傳遞給組件，這個對象被稱之為 「props」。
父組件中：調用子組件時通過屬性形式傳遞
子組件中：通過props接受
【示例1-5】props 父組件向子組件傳遞數據
1.練習創建組件，導出組件，引入組件
2.練習父級通過props向子集傳遞數據
2.react中的生命周期函數(7個)
componentWillMount ：組件將要被渲染
componentDidMount : 組件渲染完成(組件進入運行狀態)
shouldComponentUpdate : 是否允許組件更新(這個函數中必須有返回值，如果返回true，表示允許更新；如果返回false，表示不允許更新)
componentWillUpdate : 組件將要開始更新
componentDidUpdate : 組件更新完成(重新進入運行狀態)
componentWillReceiveProps : 組件接收props更新
componentWillUnMount : 組件將要卸載
組件有三個生命周期函數一生只觸發一次：
componentWillMount
componentDidMount
componentWillUnMount
3.生命周期流程圖
1.在react組件的生命周期函數中，this指向當前組件
2.在react class定義的組件中，constructor構造方法中需要通過調用super()方法生成this，這時this指向當前組件；否則不存在this，使用會報錯。
3.在react 組件中，自定義function函數中this默認指向undefined
組件內部的狀態，內部狀態只能在組件內部使用
1.函數形式的組件如果不使用HOOK新語法，是不能使用state的
2.class定義的組件中使用：
this.state.屬性名調用
1. 默寫生命周期函數名
2. 初始化state狀態
3. 在頁面中使用state
1.在標簽綁定,使用的屬性方式
2.事件是以 「on+ 事件名稱」 組成 ,使用駝峰命名法
3.事件的功能一般定義在外部，事件這里寫this.事件函數名稱
4.事件定義在組件中，和生命周期函數同級
實參是從bind()的第二個參數算的
在事件中添加參數 e 或event，放在形參最後。
同一個事件函數中出現多次state狀態修改，react不會立即更新state，而是進行合並。
下面代碼會先輸出 222 ，後輸出 111
方式1：
方式2：
1、 給元素綁定事件，讓this指向當前組件，並修改state的值
2、 定義組件，在app.js中引入組件，把app.js的state值傳遞給子組件，並在子組件中顯示