基于React的一個簡單Todo-list
先賭為快：在線DEMO，感覺還不錯點一下star -_- ~
源碼地址：
一、已經完成的功能
1、新增選項(默認未完成)
2、完成狀態可以切換
3、當前選項可以刪除
4、全部選項選中狀態切換
5、全部個數，完成個數，未完成個數實時讀取
6、刷新狀態不變
7、雙擊可以編輯(有個坑：雙擊編輯內input的keyUp Enter保存會連帶觸發blur失去焦點保存。已解決：通過設置一個可以保存的狀態控制)
二、待完成(新增路由)
三、目錄結構
3.1、主要邏輯只涉及：Todo(父組件)，TodoAdd(輸入框子組件一)，TodoList(選項列表子組件二)
3.2、父子組件通過props(可以是自定義屬性、對象、回調函數)通信，每個組件都有自己的state,可以通過setState改變當前的state。
例如：新增的時候，父組件是如何知道新增了一個什么內容呢？如下：
// Todo.jsx內 //1 傳遞給子組件的回調函數，只要有心得內容傳遞過來，就更新當前的：list。list只要更新，通過props傳遞給TodoList的data就會更新，DOM就會新增一個選項列表 onAddSubmit(addTitle) { console.log("增加了：" + addTitle) let addItem = { title: addTitle, isFinished: false } this.state.list.unshift(addItem) this.setState({ list: this.state.list }) this._saveToSession() }// 通過props傳遞給子組件（等待使用）<TodoAdd onAddSubmit={this.onAddSubmit} />// TodoAdd.jsx// 2、
主站蜘蛛池模板：
黄色久
|
北原夏美av
|
国产精品午夜一区
|
午夜精品久久久久久毛片
|
激情亚洲一区二区三区
|
亚洲网站在线观看
|
色综合久久久久久久久久久
|
性欧美极品xxxx欧美一区二区
|
天天透天天狠天天爱综合97
|
欧美性生活久久久
|
中文字幕亚洲一区二区三区
|
欧美人与zoxxxx另类9
|
欧美一级一区二区三区
|
欧美一级片免费在线观看
|
中文字幕免费一区
|
免费视频一区
|
中文字幕精品一二三四五六七八
|
免费中文视频
|
自拍偷拍亚洲图片
|
国产亚洲精品久久久久5区
综合激情网
|
国产精品久久久久久久久久iiiii
|
性少妇videosexfreexx
|
丰满年轻岳中文字幕一区二区
|
一级观看免费完整版视频
|
久久精品久久精品久久精品
|
国产精品久久久久久婷婷天堂
|
日本特级a一片免费观看
|
中文字幕综合在线观看
|
黄色片在线免费播放
|
欧洲成人综合网
|
国产精品麻豆一区二区三区
|
欧美城网站地址
|
成人区一区二区三区
|
伊人999|
一级爱片|
国产精品视频中文字幕
|
国产精品午夜未成人免费观看
|
国产精品一区二区三区在线播放
|
日本在线不卡一区二区
|
最近免费观看高清韩国日本大全
|
久久精品视频2
|