React專案中Fetch無法向後端傳遞引數

2021-07-29 07:48:12 字數 596 閱讀 4635

問題:react專案中使用fetch向後端傳遞資料,post請求時,發現把引數裝進乙個物件傳遞,後端並不能獲取到資料,拼接成字串加在url中傳遞也不行(當然,get請求可以)

解決:使用formdata傳遞引數

let formdata = new formdata();

fetch(url, )...

例子:封裝的乙個請求fetch的類

import config from './config.js';

class fetch extends config

//傳送get請求

getfetch())

} fetch(this.url + str, ).then(function(res))

}else if(res.status === 401)

}, function(e)) }

//傳送post請求

postfetch()

fetch(this.url, ).then(function(res))

}else

}, function(e)) }}

export default fetch;

react專案中整合redux

npm install redux npm install react redux npm install redux thunk 生成store 在專案初始化預設index檔案中設定.index.js import from redux const store createstore fn 匯入r...

React專案中手寫圓形checkbox

最近開發中,需要用到勾選框,類似下面這種選中樣式 選中如下 因為是移動端開發專案,所以需要根據螢幕大小進行縮放 使用antd的也可以,只需要覆蓋原有樣式即可,但是當螢幕變大的時候,勾選框的大小是固定的,同時,阿里的勾選框樣式有用到js函式,還是比較麻煩的,所以思來想去還是決定自己手寫 react開發...

react專案中的注意點

一 es6 的編譯方法 目前主流的瀏覽器還不支援es6。現在一般採用webpack 和 text babel 對jsx 語法進行編譯,編譯成正常的js語言。type text babel 這個是引用babel.js庫。二 react 中有個proptypes 在react中元件的屬性可以接受任意值,...