React
文章平均质量分 90
承蒙时光不弃1769203735
hello world!
展开
-
你不知道的 useRef
前言: 这篇文章会假设你已经对 react hook 有一些基础的了解. 主要讨论什么是 useRef , useRef 与 createRef 的区别, 以及在什么情况下使用 useRef .什么是 useRef首先, 我们要实现一个需求 -- 点击 button 的时候 input 设置焦点.createRef API同样的, 我们可以使用 useRef 来实现完全相同的结果.useRef Hook从上面的例子看, createRef 和 useRef 的作用完全一.转载 2021-01-10 11:32:10 · 1214 阅读 · 0 评论 -
react中的useEffect的使用
之前我们已经掌握了useState的使用,在 class 中,我们通过在构造函数中设置 this.state 为 { count: 0 } 来初始化 count state 为 0:class Example extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; }在函数组件中,我们没有 this,所以我们不能分配或读取 th.转载 2020-11-02 16:44:24 · 1746 阅读 · 0 评论 -
react中通过proxy配置代理解决跨域问题
一,对于使用creat-react-app构建的项目,可以直接在package.json下配置,具体如下"proxy": "http://api.xxxx.com"或者如果创建多个域,该如何设置proxy,能满足可以调用不同域下的API的需求?代码如下//package.json中加入 "proxy": { "/api/RoomApi": { "targe...转载 2018-12-25 09:07:57 · 3035 阅读 · 0 评论 -
React 的 PureComponent Vs Component
一.它们几乎完全相同,但是PureComponent通过prop和state的浅比较来实现shouldComponentUpdate,某些情况下可以用PureComponent提升性能1.所谓浅比较(shallowEqual),即react源码中的一个函数,然后根据下面的方法进行是不是PureComponent的判断,帮我们做了本来应该我们在shouldComponentUpdate中做的事情...转载 2019-04-25 17:09:26 · 128 阅读 · 0 评论 -
React中子组件向父组件传值
举例父组件:var React = require('react');import {render} from 'react-dom';import {Router, Route, Link} from 'react-router';import '../style/index.css';import Headnav from './indexComponents/headnav...转载 2019-07-02 11:21:27 · 418 阅读 · 0 评论