react
文章平均质量分 67
ABU_MOlI_ITUI
这个作者很懒,什么都没留下…
展开
-
react:一个接口传入的数据,进行俩次处理,取数据的前个数据
想要用一个接口的数据,处理不同的需求业务?首先,先初始化俩个数组,目的是因为需求不一样,所以要将俩组数据分开处理,然后,异步处理数据,第一个处理,是将全部数据取出数据的名字、图片,第二个是用slice(0,6)取出从索引0开始到索引6的数据,slice(0,1)取数据,第一个参数是开始位置,第二个是结束位置,这个比较灵活,你可以自己定义从第几项开始取。然后到render之下,用你所需要的数据。import React from 'react'import axios from '@.原创 2020-08-26 11:09:54 · 555 阅读 · 0 评论 -
react:报错:Warning: Can‘t perform a React state update on an unmounted component. This is a no-op,...
报错:Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.原因:react组件已经.原创 2020-08-26 09:45:59 · 1680 阅读 · 0 评论 -
react报错:index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode......(react--学习笔记4)
在编写我的博文里react---自学笔记4中,发现控制台报错:经过百度查阅,发现:找到index.js 果然默认是严格模式,删除<React.StrictMode>标签,关闭严格模式,警告自然消除了原创 2020-08-03 22:03:23 · 5404 阅读 · 0 评论 -
react--button组件控制其他组件显示和隐藏1
想要达到的目的和结果: 用子组件的button按钮控制其他子组件的显示和隐藏1.创建子组件的js(MyButton.js)和less(MyButton.less)import React, { Component } from 'react'import './MyButton.less'import PropTypes from 'prop-types'class MyButton extends Component {//对Component设置propTypes属性,可以为Com.原创 2020-07-22 14:52:25 · 6958 阅读 · 0 评论 -
react--学习笔记11(用户搜索练习)
用户搜索练习:原创 2020-08-26 15:36:52 · 168 阅读 · 0 评论 -
react--学习笔记10(ajax请求使用axios)
ajax请求使用axios:1. 前置说明React本身只关注于界面, 并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互(json数据) react应用中需要集成第三方ajax库(或自己封装)2. 常用的ajax请求库jQuery: 比较重, 如果需要另外引入不建议使用 axios: 轻量级, 建议使用 封装XmlHttpRequest对象的ajax promise风格 可以用在浏览器端和node服务器端 fetch: 原生函数, 但老版本浏览.原创 2020-08-19 22:01:24 · 219 阅读 · 0 评论 -
react--学习笔记9(demo---评论管理练习)
评论管理页面:步骤:首先,当拿到图时,对图片进行组件拆分(这里评论管理我拆分为四个部分:App、Add、List、Item) 实现静态组件页面:在public---下建立css添加bootstrap.css,在src下:新建四个文件夹,并且每个里面添加jsx页面 ...原创 2020-08-18 16:25:46 · 230 阅读 · 0 评论 -
react--学习笔记8(react脚手架和简单练习)
react应用(基于react脚手架):1.使用create-react-app创建react应用原创 2020-08-17 10:59:24 · 185 阅读 · 0 评论 -
react--学习笔记7(受控组件和非受控组件和组件的生命周期----虚拟DOM与DOM Diff算法)
组件的生命周期:eg:<h2 style={{opacity:opacity}}>{this.props.msg}</h2>中,外层{}指的是这里放js代码,内层{}指的是放入js对象1.理解:组件对象从创建到死亡它会经历特定的生命周期阶段 React组件对象包含一系列的勾子函数(生命周期回调函数), 在生命周期特定时刻回调 我们在定义组件时, 可以重写特定的生命周期回调函数, 做特定的工作2.生命周期流程图3.生命周期详述组件的三个生命周期状态:..原创 2020-08-13 16:03:36 · 178 阅读 · 0 评论 -
react--学习笔记6(收集表单--受控组件和非受控组件例子)
收集表单数据这里主要是说受控组件与非受控组件:受控组件: 表单项输入数据能自动收集成状态(这里为密码,可以用react的插件看到,随着密码输入,一直在改变) 非受控组件: 需要时才手动读取表单输入框中的数据(这里为用户名,只有用的时候调用)这里还是按照我的惯例,写俩种方式;Hbuilder:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>收集原创 2020-08-12 16:25:46 · 152 阅读 · 0 评论 -
react--学习笔记5(组件组合)
组件组合:原创 2020-08-12 12:00:54 · 466 阅读 · 0 评论 -
react--学习笔记4(react测试和简单开发)
react三大属性:一、statestate:“状态机”,更新组件state来更新对应页面当组件中有state,则不能使用工厂函数我写了俩种方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>三大属性---state</title> </head> <body> <div id='test'>原创 2020-08-05 09:50:28 · 5236 阅读 · 0 评论 -
react--学习笔记3(面向组件编程)
一、React面向组件编程注意:组件名必须首字母大写 虚拟DOM元素只能有一个根元素 虚拟DOM元素必须有结束标签<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>组件编程</title> </head> <body> <div id="test1"></div> &l...原创 2020-07-28 17:47:18 · 5163 阅读 · 0 评论 -
react--学习笔记2(jsx理解使用练习、模块与组件,模块化与组件化)
一、jsx理解和基本使用原创 2020-07-28 17:17:33 · 5184 阅读 · 0 评论 -
react--学习笔记1(react简介和简单的hello world)
一、react简介:用于构建用户界面的JavaScript库,(JavaScript是一个函数库,react只关注view)。 react是由facebook开源的。react特点:Declarative(声明式编码) ; eg:命令式:model open();声明式:< Model open={true}>不用操作dom,只操作数据。 Component-Based(组件化编码); Learn Once, Write Anywhere(支持客户端与服务器渲染); 高...原创 2020-07-27 17:56:53 · 5173 阅读 · 0 评论