【react】在redux中使用axios與express交互

原創 古航 2020-06-22 21:04

一開始我是要去https://www.easy-mock.com/來模擬後端請求的，後來發現官網總崩，就打算自己搭建一個easy-mock服務器，然後安裝配置了mongdb、redis、git，花了幾小時時間還是不行，於是陷入了深沉的思考中：我到底要幹嘛？
我想用axios給後端發請求，得到響應，我爲什麼不用express寫個服務器直接返回？？於是問題解決了。。

  1. redux部分代碼
    在這裏插入圖片描述
  2. reducer端代碼
    在這裏插入圖片描述
  3. 服務器端代碼
    在這裏插入圖片描述
    搞定！成功把服務器的數據更新到了頁面上，以後就可以自己寫前端請求的響應結果了😁
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

React.JS生命週期函數

執行結果如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script s

古航 2020-06-22 21:04:17

atnd 3.x版本中，如何爲表單設置、綁定默認值

atnd 3.x版本中，如何爲表單設置、綁定默認值 在react的組件化開發思維，確實做到很綁，獨創的JSX語言爲一切組件皆函數提供強有力的支撐。但是，對於需要雙向數據綁定場景來說，真的是噩耗。尤其是在做表單的數據綁定。 下面介紹

丰色木夕 2020-07-07 19:23:19

react動態修改渲染head中的內容

有時需要動態修改head中的內容,如: 1、修改頁面<title>標題 2、修改<meta> 3、動態添加資源 <link> <script> 等 import React from 'react'; import {Helmet

丰色木夕 2020-07-07 19:23:19

socket.io-client 實時通訊，用socket.io-client的坑

前言： 由於項目需要，前端所渲染的數據，要從後端(PHP)實時主動推送到前端（前端也可以實時主動推送到後端，以前的做法是在前端用定時任務，隔多少時間後就請求一下後端API），所以就不像平時用Ajax、Fetch、Axios等來調用後端的A

MuGuiLin 2020-07-04 16:59:12

如何搭建一個功能複雜的前端配置化框架(一)

背景現在很多公司主要業務是c端，擁有巨大用戶和流量的同時，b端業務不可或缺，CRM，CMS，運營配置化管理平臺，數據可視化平臺，各種審批平臺。這些系統都有幾個共同的特點：需求多，變化快，查詢頁，列表頁，提交頁面。而這些頁面都是相似

Xeechem 2020-07-03 09:06:36

如何寫一個拖拽日曆組件（附源碼）

作者簡介 Kid 螞蟻金服·數據體驗技術團隊 本文會介紹如何寫一個可拖拽日曆組件，偏重點在於日曆組件的功能挖掘以及對於開發過程的一些思考，編碼部分會介紹核心部分的實現。代碼在最後也會放出來給大家。 效果演示 先看下項目最後的實

Xeechem 2020-07-03 09:06:35

問了23000名開發者，得出這份Javascript年終盤點

導語：2017年全世界範圍內，最受開發者歡迎的JS框架是......文/ Sacha Greif譯/ 黃燜雞來源/ medium.freecodecamp.org開門見山，我們在全世界範圍內，調查了超過 23000 名開發者，得出

Xeechem 2020-07-03 09:06:35

實現基於React的全局提示組件Toast

前戲 API 風格參考 Ant Design 的 Message 全局提示 正文 需求分析 Toast 不需要同頁面一起被渲染，而是根據需要被隨時調用。 Toast 是一個輕量級的提示組件，它的提示不會打斷用戶操作，並且會在

Xeechem 2020-07-03 09:06:35

如何在公司裏體現前端的價值以及提升自己的議價能力

前言 最近在閏土大叔的前端圈裏有很多小夥伴南下杭州應聘求職拿OFFER，貨比三家之後，最終入職了適合自己的公司，並且還拿到了不錯的薪水。在這些小夥伴當中，不乏剛剛大學畢業或者師出培訓班的職場萌新，在順利找到工作之後，該如何在公司裏

Xeechem 2020-07-03 09:06:35

React項目中 使用 CSS Module

安裝react-app-rewired 由於新的 [email protected] 版本的關係，還需要安裝 customize-cra。但是我們這裏不需要安裝 [email protected]。只需要安裝 re

Vam的金豆之路 2020-07-03 01:17:04

爲什麼我們從Angular 2遷移到Vue.js（爲什麼我們沒有選擇React）

在Rever（www.reverscore.com），我們剛剛使用Vue.js發佈了我們的Web客戶端的新版本。經過641次提交和16周的緊張開發，我們非常自豪之前做出的決定。 8個月前，我們的前端在使用Angular 2.確切地說，它使

前端技术小哥 2020-07-01 16:56:47

react native 0.6x 在創建項目時，CocoaPods 的依賴安裝步驟卡解決方案

前言 你需要做兩件事 gem換源 pod repo 換源 實戰 如果你已經成功安裝了CocoaPods。那麼這裏你需要卸載它。 gem換源 1、 卸載CocoaPods 查看gem安裝的東西 gem list 下面一般就是g

Vam的金豆之路 2020-06-27 03:55:32

React性能優化——代碼篇

如果使用工具檢測出頁面浪費的渲染次數太多，就需要檢查代碼是否寫法上有問題了。雖然 Virtual DOM 算法可以避免大多無效的真實 DOM 操作，但還是會浪費時間在計算不會改變的虛擬 DOM 上，也就是執行了 render 函數，但發

长流清风扬 2020-06-24 19:15:07

React.JS生命週期函數

執行結果如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script s

古航 2020-06-22 21:04:17

使用React.js寫一個類似單選框與複選框的功能

單選框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="h

Vam的金豆之路 2020-06-22 04:45:55