![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React学习
李定魁
眉毛上的汗水和眉毛下的泪水你总得选一样,人若有志,万事可为!
展开
-
vscode下级文件夹与上级文件夹并列,解决文件夹折叠问题
vscode下级文件夹与上级文件夹并列,解决文件夹折叠问题这种看起来很不舒服,不是常规的操作,解决办法Code ------> Preferences------>Settings 显示如下窗口把标记处的对号去掉就可以了现在就舒服多了,就是正常的形式了做个笔记,方便其他伙伴…...原创 2020-08-13 09:43:28 · 2165 阅读 · 0 评论 -
白话 React 生命周期
效果如下图所示:React 生命周期一般分为三个重要阶段,当然大家也要熟悉其中的几个重要方法,并了解他们之间的先后顺序,总结下来如下所示:1> 第一次初始化渲染显示:ReactDOM.render().constructor():创建对象初始化state.componentWillUnmount():将要插入回调.render() :用于插入虚拟DOM 回调.componentDidMount():已经插入回调2>每次更新state :this.setState().compo原创 2020-08-04 00:11:40 · 984 阅读 · 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 · 2063 阅读 · 0 评论 -
React 实现动态添加元素到列表
首先声明一下,大佬请绕道,以下内容为React纯基础,适合小白新手练习Demo,后面会持续更新做成的效果如下图知识点梳理:1 理解React state2 理解React props3 掌握父子间的值传递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 · 6412 阅读 · 0 评论