nuister - 博客园

2020年3月10日

摘要： React 生命周期函数 /* 生命周期函数组件加载之前，组件加载完成，组件更新数据以及组件销毁触发的一系列方法这就是组件的生命周期函数组件加载的时候触发的生命周期函数： constructor、UNSAFE_componentWillMount(老版本为componentWillMount，阅读全文

posted @ 2020-03-10 23:38 nuister 阅读(454) 评论(0) 推荐(0) 编辑

A11 React+AntDesign React 获取服务器（API接口）数据、axios和fetch-jsonp插件的使用

摘要： 1 axios 获取服务器（API接口）数据 /* Ⅰ、安装axios模块 cnpm install axios --save / npm install axios --save Ⅱ、import axios from 'axios' Ⅲ、看文档使用 https://www.kancloud.cn 阅读全文

posted @ 2020-03-10 14:39 nuister 阅读(405) 评论(0) 推荐(0) 编辑

A10 React+AntDesign 组件、父子组件通信、defaultProps、propTypes

摘要： /* 父子组件传值（通信） 1、父组件给子组件传值(父==>子) Ⅰ、在调用子组件时定义一个属性，<Components msg='组件'></Components> Ⅱ、子组件里面 this.props.msg 说明：父组件不仅可以给子组件传值，还可以给子组件传递方法，以及把整个父组件传给子组件，阅读全文

posted @ 2020-03-10 11:20 nuister 阅读(681) 评论(0) 推荐(0) 编辑

2020年3月9日

A09 React+AntDesign 模块封装，可供所有组件使用（以对todolist的小优化为例）

摘要： 1 在src里新建module文件夹新建storage.js文件 2 引入自定义模块 3 使用模块 4 项目展示阅读全文

posted @ 2020-03-09 16:19 nuister 阅读(142) 评论(0) 推荐(0) 编辑

A08 React+AntDesign todolist小项目（下）

摘要：参考项目：http://www.todolist.cn/ 1 添加待办事项注意：这里添加localstorage,为了刷新后，原数据不消失，每次更新数据时都需要保存缓存（可以封装成一个方法） 2 待办事项部分 3 已完成事项部分 4 生命周期函数备注：可以直接在this.state里直接把lis 阅读全文

posted @ 2020-03-09 15:53 nuister 阅读(310) 评论(0) 推荐(0) 编辑

A07 React+AntDesign todolist小项目（上）

摘要：参考项目：http://www.todolist.cn/ 1 编写添加待办事项功能 2 编写待办事项的展示 3 添加删除待办事项功能 4 待办事项手动修改时，数组数据也改变。数据双向绑定注意：这里在传值时，第一个key是input里传的值，第二个e是事件阅读全文

posted @ 2020-03-09 13:05 nuister 阅读(237) 评论(0) 推荐(0) 编辑

2020年3月7日

A06 React+AntDesign 表单详解

摘要： import React, {Component} from 'react'; class ReactForm extends Component { constructor(props) { super(props); this.state = { msg:'React表单', name:'', 阅读全文

posted @ 2020-03-07 18:10 nuister 阅读(529) 评论(0) 推荐(0) 编辑

A05 React+AntDesign 事件对象、键盘事件、表单事件、类似vue的数据双向绑定

摘要： 1 事件对象 2 如何获取表单的值 ① {/* 1、监听表单的改变事件 2、在改变事件里面获取表单输入值 3、把表单输入的值赋值给username 4、点击按钮的时候获取state里面的username的值 */} ② 通过ref获取dom节点（A04的5原生dom获取value也可以） 3 键盘事阅读全文

posted @ 2020-03-07 15:02 nuister 阅读(1456) 评论(0) 推荐(0) 编辑

2020年3月6日

A04 React+AntDesign 方法、事件、获取数据、改变数据、改变this指向

摘要： 1 定义方法与构造函数construct、和渲染函数render平级 2 在方法中获取数据改变this指向的五种方式 ① getData1(){ alert(this.state.msg1); } <button onClick={this.getData1.bind(this)}>获取数据方式阅读全文

posted @ 2020-03-06 21:03 nuister 阅读(503) 评论(0) 推荐(0) 编辑

A03 React+AntDesign 初识、目录结构、数据绑定、属性绑定、引入图片、循环数组

摘要：新版react脚手架参考文档 https://blog.csdn.net/fungleo/article/details/80841159 1 目录结构整理 ① 在src中新建components文件夹用来存放js组件 ② 在src中新建assets静态资源文件夹用来存放静态文件 Ⅰ 在assets 阅读全文

posted @ 2020-03-06 13:53 nuister 阅读(416) 评论(0) 推荐(0) 编辑

菜鸟的博客笔记

公告