乙個請求後端資料的React元件該有的格式

2021-09-24 08:46:02 字數 689 閱讀 1954

當乙個react元件需要請求後端資料,根據資料是否請求到或資料是否正確要進行不同的頁面渲染

元件所需要的包,axios為請求庫,antd為ui框架,都可更換:

import react,  from

'react';import axios from

'axios';import from

'antd';複製**

元件在初始化時需要的狀態:

constructor (props) }複製**

render

() = this.state; if (isloading) ) } else ) } }) .catch(() => ) })}複製**

當使用者電腦無網路則傳送請求失敗,isnetworkerror為true,頁面則渲染新的元素,也有可能是介面不通,這時候可以提示新的狀態:

當請求成功傳送,但返回的資料格式不對,可能是使用者的登陸狀態讓其無法獲取到該資料,則頁面渲染新的元素:

當資料返回的是成功的格式,則渲染資料到頁面上:

好啦,這就是乙個元件該如何從傳送請求到獲得資料並渲染的乙個簡單全部過程,重點是根據不同的時期來設定不同的元件狀態state,然後條件渲染即可。

Jmeter之乙個請求獲取上乙個請求的引數

剛開始有這個需求,網上都是一些使用正規表示式的例子,苦於自己看不好正式的表示式,且響應結果稍微變一下,自己就不會寫了,於是谷歌上各種搜,也閱讀官網上文件,後來發現乙個好的外掛程式 json path extractor 2.選中請求a,右鍵新增後置處理器 3.輸入引數name和jsonpathexp...

建立乙個react專案

之前一直在用引包的方法使用react,現在學習react基礎也有一段時間了,想工程化的完成乙個react專案,結果只是搭建react就糾結了好久。參考了很多大佬的方法,但是一直有問題,最後總結一下我的成功辦法吧。在命令列工具中確定node是否已經成功安裝 npm vnode v均出現版本號則說明安裝...

加入乙個組播組

網路中的一台主機如果希望能夠接收到來自網路中其它主機發往某乙個組播組的資料報,那麼這麼主機必須先加入該組播組,然後就可以從組位址接收資料報。在廣域網中,還涉及到路由器支援組播路由等,但本文希望以乙個最為簡單的例子解釋清楚協議棧關於組播的乙個最為簡單明瞭的工作過程,甚至,我們不希望涉及到igmp包。我...