react實現登陸思維(基於cookie)

一,使用插件

yarn add react-cookies

關於他的使用

 https://www.npmjs.com/package/react-cookies

import cookie from 'react-cookies'  //引用

cookie.save(key,value,{path:"/"})    //設置cookie,第三個參數的意思是所有頁面都能用這個cookie

cookie.load(cookieName)    // 加載名爲cookieName的cookie信息

cookie.remove(cookieName)    // 刪除名爲cookieName的cookie信息

其他api參照上面的連接

將我們從後臺數據庫拿到的用戶信息,存到這個cookie裏面,用於驗證是否登陸,並將信息通過state管理起來,這樣我們判斷是否登陸時,直接看state裏是否有用戶信息。

退出時將cookie信息刪掉

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章