八 8 2自寫模組,引入及使用(封裝)

2022-06-26 18:15:12 字數 2144 閱讀 6066

上接:

其中的localstorage函式部分明顯在使用中比較麻煩,我們將對其進行提取,單獨封閉成乙個模組

import react,  from 'react';

import from 'querystring';

class todolist extends component ,,,

*/]}}

//0.把input值新增到state的list裡

addlist=(e)=>) //把臨時title推到templist臨時列表時,checked預設為false

this.setstate();

e.target.value=''; //新增成功後清除input為空

localstorage.setitem('todolist',json.stringify(templist)); //把錶轉化為string轉化為字串存入名為todolist的列表}}

//1. checkbox處理函式注意傳過來的key值源自.bind(this,key)

handlecheck=(key)=>)

localstorage.setitem('todolist',json.stringify(templist)); //把錶轉化為string轉化為字串存入名為todolist的列表

}//2. 刪除事項函式

dellist=(key)=>)

localstorage.setitem('todolist',json.stringify(templist)); //把錶轉化為string轉化為字串存入名為todolist的列表

}//3.生命週期函式componentdidmount() 頁面載入就會觸發

componentdidmount())}}

render() );}

}export default todolist;

var storage=,

get(key),

remove(key)

}export default storage; //暴露出類名 其它地方引用:

【todolistclass.js】

import react,  from 'react';

import from 'querystring';

import storage from './model/storage.js'; //引入自定義類

class todolist extends component ,,,

]}

}//0.把input值新增到state的list裡

addlist=(e)=>) //把臨時title推到templist臨時列表時,checked預設為false

this.setstate();

e.target.value=''; //新增成功後清除input為空

storage.set('todolist',templist); //用自定義的storage類,把錶轉化為string轉化為字串存入名為todolist的列表}}

//1. checkbox處理函式注意傳過來的key值源自.bind(this,key)

handlecheck=(key)=>)

storage.set('todolist',templist); //用自定義的storage類,把錶轉化為string轉化為字串存入名為todolist的列表

}//2. 刪除事項函式

dellist=(key)=>)

storage.set('todolist',templist); //把錶轉化為string轉化為字串存入名為todolist的列表

}//3.生命週期函式componentdidmount() 頁面載入就會觸發

componentdidmount())}}

render() );}

}export default todolist;

import react from 'react';

//import logo from './logo.svg';

import demo from './components/todolistclass';

return (

);}

效果同上一節

lua自寫限制併發訪問模組

注意 ngx.say跟ngx.exit是不可以共存,否則會出現ngx.exit無法正常執行 1.定義lua共享記憶體20m lua shared dict ceshi 20m 2.再location 中編寫如下 併發2個以上,返回403 header filter by lua ngx.header...

pycharm中匯入自寫模組時,模組下出現紅線

問題描述 在pycharm中匯入自己寫的模組時,得不到智慧型提示,並在模組名下出現下紅線,但是 可以執行,錯誤提示為下圖所示 原因 出現 以上情況,是因為檔案目錄設定的問題,pycharm中的最上層資料夾是專案資料夾,在專案中導包預設是從這個目錄下尋找,當在其中再次建立目錄,目錄內的py檔案如果要匯...

Python自寫模組並本地安裝方法

在使用python的過程中,我們可以直接使用內建函式,那是因為python已經將這些函式匯入,可以通過dir builtins 進行檢視內建函式。有些公用的 常用的函式模組需要自己進行編輯並儲存下來,便於後續的匯入呼叫。那麼,如何寫自己的模組並安裝在本地python中呢?首先,寫模組。模組其實就是自...