首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React
你眼中的光
创建于2023-05-29
订阅专栏
React专栏
暂无订阅
共14篇文章
创建于2023-05-29
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
react-代理
代理原理: 客户端域名访问服务器域名,客户端域名与服务器域名不在同一域名下,存在跨域问题。 客户端通过中间件发送接收数据。间件没有axios,并且与客户端在同一域名下,从而实现跨域解决。 请求一个服务
react-路由router
下载 路由链接 注册路由 路由模式 通过在app.js中书写路由包裹组件,保证每个组件包裹在同一路由模式下 路由组件和一般组件 一般组件存放在components下,路由组件存放在pages下 一般组
react-消息发布订阅机制
使用第三方工具PubsubJS实现消息兄弟之间的数据通信 安装 消息发布 消息订阅 引用实现数据的传输
React-生命周期函数
render 初始化渲染和更新state数据 componentWillMount 组件将要挂载 componentDidMount 组件挂载完毕 componentWillReceiveProps
React-受控组件与非受控组件
非受控组件 表单按钮点击后,不进行页面跳转,通过preventDefault阻止跳转。 输入类元素,数据现用现取,叫做非受控组件。
React-类组件实例ref属性
字符串型ref 回调函数型ref 内联式的ref问题,回调函数会执行两次,第一次获取形参null,第二次获取形参node class绑定函数型ref React.createRef()型ref
React-类式组件实例props属性
通过props接受jsx标签属性,可以创建多个不同组件实例 通过propTypes设置属性限制 通过defaultProps指定默认属性值 标签属性限制与属性默认值简写 将propTypes和defa
React-类式组件实例state属性
一、state属性 this指向类式组件实例对象,通过this.state设置状态值 点击的三种方式 this指向问题 类方法无法拿到组件实例对象this。原因在于类方法是通过实例调用的,类方法中使用
React-组件
一、函数式组件 this指向为undefined 二、类式组件 function Demo() class Demo extends React.Component
React-jsx语法
一、定义 javaScript XML 又称为 jsx,是类似于XML的javaScript扩展语法 XML早期用于存储和传输数据,现在使用JSON,JSON有两个常用的方法:stringify(数据
React-真实DOM和虚拟DOM
真实DOM和虚拟DOM的区别 虚拟DOM:是一个对象。真实DOM:是THMl标签。 虚拟DOM:属性少。真实DOM:属性多。 虚拟DOM通过React转换为真实DOM展示到页面
React-虚拟DOM的创建
方式一 js创建 方式二 jsx创建 js:React.createElement(标签名,标签属性,标签内容) jsx:(<h1><span>hello react</span></h1>)
React-初识与了解
一、介绍 将数据渲染为HTML视图的javaScript库 由facebook开源 二、react特点 采用组件化模式、声明式编码,提高开发效率和组件复用 React Native中使用React语法
React-脚手架创建项目
一、React的创建 全局安装React脚手架库: npm install -g create-react-app 创建React项目: create-react-app 项目名 进入React项目: