React
关注
分享
扫一扫
qq_38721353
这个作者很懒，什么都没留下…
展开
-
React兄弟组件之间的通讯
案例要求：达到这样一个效果组件拆分：搜索框是一个组件，传递状态下面的展示列表是一个组件，使用状态方式一：状态存在父组件之间父组件传递给子组件消息可以使用props,子组件给父组件之间传递消息可以使用函数实现APP组件代码import React, { Component } from 'react'import Search from './components/Search/Search'import './App.css'import List from './compone原创 2021-01-23 21:26:34 · 579 阅读 · 0 评论 -
js对象连续结构复制
Document原创 2021-01-21 20:48:21 · 304 阅读 · 0 评论 -
React使用axios配置代理
一、配置原因前端页面的端口号为3000，请求的服务器的端口号也得为3000。如果服务器的端口号为5000，就会出现跨域问题。请求可以过去，但是响应回不来。为了解决这种问题，就要配置代理。二、配置代理代理的端口号和前端的端口号是一样的，前端代码开启后，会运行一个小的代理服务器。跨域问题是因为ajax引起的，所以端口号为3000的代理服务器可以收到来自端口号为5000的服务器的response,进而转发给前端。方法1、package.json中配置’proxy’1）在文件中配置’proxy‘原创 2021-01-20 11:20:35 · 1227 阅读 · 1 评论 -
组件实例三大属性之refs
作用：组件内的标签可以定义ref属性来标识自己存储形式：{key:value}，key为节点ref等号后面的值，value为当前节点三种用法字符串形式的refs回调函数形式的refscreateRef接口形式的refs字符串形式的refs例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conten原创 2021-01-14 11:22:02 · 175 阅读 · 0 评论 -
组件实例三大属性之props
1、作用：给组件传递参数2、存储形式：{key:value}props的基本使用例子1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>原创 2021-01-14 11:13:06 · 143 阅读 · 0 评论 -
组件实例三大属性之state
1、作用：控制组件的状态2、存储形式：{key：value}3、初始化state的方式：在构造函数里面初始化在类中但不在任何函数里面初始化4、更新组件state: this.setState()函数，以合并的方式更新在构造函数里初始化state代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con原创 2021-01-14 11:06:59 · 166 阅读 · 0 评论 -
展开运算符
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script ty原创 2021-01-13 19:56:50 · 143 阅读 · 0 评论 -
React小案例
展示以下页面代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script type="text/ja原创 2021-01-13 10:27:06 · 130 阅读 · 0 评论 -
JSX基本语法规则
jsx语法规则1、定义虚拟DOM时，不要写引号2、标签中混入JS表达式时要用{}，注意【js表达式】和【js语句】 a、表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方 （1）a (2)a+b ...原创 2021-01-13 10:22:29 · 311 阅读 · 0 评论