
React学习
李定魁
眉毛上的汗水和眉毛下的泪水你总得选一样,人若有志,万事可为!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vscode下级文件夹与上级文件夹并列,解决文件夹折叠问题
vscode下级文件夹与上级文件夹并列,解决文件夹折叠问题 这种看起来很不舒服,不是常规的操作,解决办法 Code ------> Preferences------>Settings 显示如下窗口把标记处的对号去掉就可以了 现在就舒服多了,就是正常的形式了 做个笔记,方便其他伙伴… ...原创 2020-08-13 09:43:28 · 2350 阅读 · 0 评论 -
白话 React 生命周期
效果如下图所示: React 生命周期一般分为三个重要阶段,当然大家也要熟悉其中的几个重要方法,并了解他们之间的先后顺序,总结下来如下所示: 1> 第一次初始化渲染显示:ReactDOM.render() .constructor():创建对象初始化state .componentWillUnmount():将要插入回调 .render() :用于插入虚拟DOM 回调 .componentDidMount():已经插入回调 2>每次更新state :this.setState() .compo原创 2020-08-04 00:11:40 · 1048 阅读 · 0 评论 -
React 实现表单数据收集
老规矩,大佬请绕道,本Demo适合新手小白,练习效果如下 老规矩直接上代码 class LoginTest extends React.Component{ constructor(props){ super(props) this.state={ pwd: '' } } handleSubmit=(event)=>{ const name = this.nameInput.val原创 2020-07-30 22:38:27 · 2147 阅读 · 0 评论 -
React 实现动态添加元素到列表
首先声明一下,大佬请绕道,以下内容为React纯基础,适合小白新手练习Demo,后面会持续更新 做成的效果如下图 知识点梳理: 1 理解React state 2 理解React props 3 掌握父子间的值传递 4 了解ES6语法 直接上代码示例: import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import PropTypes from 'prop-types'; //父组件 class App原创 2020-07-30 11:37:24 · 6570 阅读 · 0 评论