功能：1.输入框输入事项，点击add，list增加一条，输入框清空并且聚焦；2.点击当前chec
原创
2023-01-03 14:51:14
91阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
原创
2021-09-03 13:53:24
164阅读
import React,{Component} from 'react';import '../assets/css/index.css';class Todolist extends Component { constructor(props) { super(props); this.state = { list:[...
原创
2021-08-30 14:03:22
166阅读
说明一下：实现这个案例需要准备的东西实在太多，不可能把所有的代码都贴上来（贴了，您也未必想看啊，哈）所以，css代码，配置文件，无关逻辑的就不往这上面贴了（想必大家既然选择做这个案例，这些基本的东西也都是会的，如果有什么疑问或者想要完整的源码的可以留言，嗯、互相帮助，互相进步）需要掌握的知识点：webpack、npm、CommonJs、ES6、react、react-router功能效果：（从上到
原创
2023-03-01 00:52:22
308阅读
以下是完整代码 A.js 标题 B.js 表单和按钮 C.js 渲染 最大父组件DoAddList.js
原创
2022-09-01 20:47:34
95阅读
一、TodoList实现列表添加删除功能添加webpack命令:yarn add webpack创建components 目录及TodoList.jspages 目
原创
2023-07-10 10:21:09
58阅读
1. 元素 (html片段) 和组件的关系 (js函数)2. 写组件的方式 (function还是class)3. 一个括号和两个括号的使用场景{ } (获取值/js
原创
2023-03-21 18:03:36
153阅读
目录todolist项目：... 1阶段5，状态的控制和改变：... 1阶段6，getter、setter：... 5阶段7，过滤数据方法调整：... 9阶段8，@computed的使用：... 13阶段9，完成状态，Symbol类型：... 14阶段10，axios，整合前后端：... 17 todolist项目： 阶段5，状态的控制和改变：Redux和Mobx，社区提供的状态管理库；R
原创
2019-05-15 10:15:26
738阅读
效果图：TodoList页面代码（父组件）import React from "react";
import TodoItem from './TodoItem';//添加子组件import './style.css';
class TodoList extends React.Component{
constructor(props){//构造函数super(props);//super
转载
2021-03-12 11:13:16
166阅读
2评论
HTML表单元素与React中的其他DOM元素有所不同,因为表单元素生来就保留一些内部状态。例如，下面这个表单只接受一个唯一的name。 在HT...
原创
2022-03-10 11:40:01
96阅读
项目结构 上一章我们创建完了一个React项目，现在打开我们的项目文件夹，我们能看到node_modules,public,和src三个子文件夹以及package.json和README等文件。注意src这个文件夹，我们之后要把重心放在src这个文件夹里。我们开始做一个Todo项目吧第一步：打开public文件夹下的index.html 我们可以看到html的文件结构，熟悉html的同学应该很
转载
2023-08-08 12:04:03
93阅读
7080/ 下面我自己写的部署的服务访问路径：http://127.0.0.1:7060/ 服务器的配置使
转载
2016-10-28 18:20:00
144阅读
2评论
React 的核心思想是：封装组件，各个组件维护自己的状态和 UI，当状态变更，自动重新渲染整个组件。 最近前端界闹的沸沸扬扬的技术当属react了，加上项目需要等等原因，自己也决定花些时间来好好认识下这个东西。然后学习的时候顺便花时间写了一个demo：react-todos， 为了提起兴趣，你可以
原创
2022-04-06 11:13:11
226阅读
最近学习了一小段时间的React，对一些React开发组件的基础有了一点认识，跟着教学视频，自己实现了一个ToDoList组件的功能，今天把做这个组件的过程记录一下，加深学习印象，给同样的前端入门者做一个参考。
...
转载
2020-07-19 23:08:00
282阅读
2评论
react--redux+antd实现todoList
原创
2021-07-09 14:05:42
333阅读
目录todolist项目：... 1antd：... 2阶段1：... 2服务层实现：... 2视图层实现，输入框处理：... 3阶段2，列表显示、更改todo的完成状态：... 6阶段3，项目目录调整：... 11阶段4，数据过滤：... 12 todolist项目：todo，待办； 人机交互，实质就是增删改查；前端MVC框架、后端MVC框架； 注：开发环境用：npm + webpack
原创
2019-05-15 10:04:51
629阅读
