ToDoList 增刪改查

2022-06-01 15:54:22 字數 764 閱讀 9020

主要功能  

增加資料

刪除資料

修改資料

查尋資料渲染頁面

1 . html頁面

2 . index.js檔案**

import react from "react";

import reactdom from 'react-dom';

class todolist extends react.component

}//生命週期方法在渲染之前呼叫

unsafe_componentwillmount()else

//把轉換過的陣列賦值給this.setstate名為mylist

this.setstate()

}//新增的點選事件

handleaddclick(),()=>)

}//刪除的點選事件

handledeleteclick(index),()=>)

}//修改的點選事件

handleupdateclick(index),()=>)}}

//繫結鍵盤事件

keydown(e)

}//清空的點選事件

handleclearclick(),()=>)

}// 渲染

render()

新增清空 );

}}//渲染頁面

reactdom.render(,document.queryselector("#root"))

ToDolist 增刪改查

增加資料,修改資料 刪除資料 查詢資料 連線todolist檔案 reactdom.render document.getelementbyid root import react from react class todolist extends react.component 頁面載入前執行 u...

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 ...