【React工作记录一百肆拾壹】原生+TS实现todolist效果

前端大歌谣

于 2023-12-08 14:24:37 发布

阅读量272

点赞数 6

分类专栏：前端项目工作实战文章标签： react.js javascript ecmascript

本文链接：https://blog.youkuaiyun.com/geyaoisnice/article/details/134877722

版权

前端项目工作实战专栏收录该内容

146 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

这篇博客记录了作者使用TypeScript和原生React技术实现Todolist功能的过程，包括环境配置、修改page.json配置端口、编写index.ts主文件及展示运行结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

我是歌谣最好的种树是十年前其次是现在原生+TS实现todolist效果

环境配置

npm init -y
yarn add vite -D

修改page.json配置端口

{
  "name": "demo1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "vite --port 3002"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "vite": "^4.4.9"
  }
}

主文件

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset=&

了解本专栏

超级会员免费看