ToDolist 增刪改查

2022-05-24 23:57:10 字數 1524 閱讀 3808

增加資料,

修改資料

刪除資料

查詢資料

連線todolist檔案

reactdom.render(

, document.getelementbyid('root'));

import react from 'react'class todolist extends react.component

}//頁面載入前執行

unsafe_componentwillmount()

else

this

.setstate()

}//新增元素

handleclick(),()=>)

//這一步是當按下按鈕的時候清空文字框裡面的內容

this.refs.myinput.value=this

.state.myinput

}//全部刪除

removeclick(),()=>)

}//刪除其中的乙個

deleteone(e),()=>)

}handkeyclick(e)

}//修改

update(i),()=>)}}

//渲染

render()>

新增this.removeclick.bind(this)}>清空

) }}//

向外暴露自己

export default todolist

以上是我對todolist的理解,如有不足,還請指出。

ToDoList 增刪改查

主要功能 增加資料 刪除資料 修改資料 查尋資料渲染頁面 1 html頁面 2 index.js檔案 import react from react import reactdom from react dom class todolist extends react.component 生命週期方...

react實現todolist 增刪改查

實現需求 todolist實現增刪改查 環境搭建工具 node.js,webpack,webpack dev server,babel編譯jsx,es6 使用框架 react.js,localdb 利用localstorage機制封裝的本地資料庫 ant design。ps 未使用jquery 安裝...

mysql增刪改查效果 mysql增刪改查

檢視所有資料庫 mysql show databases 建立乙個庫ghd並指定字符集為utp8 mysql create database ghd charset utf8 檢視mysql支援的字符集 mysql show char set 建立乙個表,並設定id為主鍵 create table ...