Amethyst的博客

需要实现的功能：点击全选，把所有选项选中或者取消勾选如果全选之后，取消勾选其中一个或多个，则把全选也取消勾选如果所有选项都选中的话，那么把全选也选中下面用两种方法实现：借助jquery在react项目中使用jquery要先安装jquery并引入$yarn add jqueryimport $ from 'jquery';代码如下：import React,{Component} from 'react';import $ from 'jquery';class FormSe

准备工作TodoList组件import React,{Component, Fragment} from 'react';import 'antd/dist/antd.css';import { Input,Button,List } from 'antd';import { UserOutlined } from '@ant-design/icons';class TodoList extends Component{ render(){ return (

文章目录虚拟DOM概念如何重新渲染页面优点虚拟DOM中的Diff算法Diff算法特点key值的引入虚拟DOM概念虚拟DOM其实就是一个JS对象，用它来描述真实的DOM如何重新渲染页面数据发生变化，如：<div id='root'> <span>hello world</span></div>变为：<div id='root'> <span>hello Amethsyt~</span>&l

分享一个很可爱的图hhh~react具有单向数据流的特点，子组件只能使用父组件所传的值但不能修改。父组件通过属性向子组件传值，子组件通过方法反过来去调用父组件的数据，最终相当于是父组件自己修改的数据例：实现一个TodoList的删除item功能父组件TodoList.jsimport React,{Component, Fragment} from 'react';import TodoItem from './TodoItem';class TodoList extends Compon

src文件夹index.html基础配置安装webpack-dev-server、html-webpack-plugin、react、react-dom（react相关的包不加-D）、babel-loader、babel-core(注意版本兼容问题)package.json配置webpack.config.js，安装@babel/preset-react和@babel/preset-envconst HtmlWebpackPlugin=require('html-webpack-p