![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
复习
shabby申
认清现实,努力生活。
展开
-
react-复习(4)受控组件非受控组件和ref的使用
React的受控组件与非受控组件的概念是相对于表单而言,如果一个 input 表单元素的值是由 React 控制,就其称为受控组件。非受控组件就像是运行在 React 体系之外的表单元素,当用户将数据输入到表单字段(例如 input,dropdown 等)时,React 不需要做任何事情就可以映射更新后的信息。然而,这也意味着,你无法强制给这个表单字段设置一个特定值。受控组件比如我们常用利用onChange事件保存用户输入的信息,就是一个受控组件:constructor() { super.原创 2020-05-29 18:34:58 · 497 阅读 · 0 评论 -
react-复习(3)Context&Portals的用法
ContextContext的用法类似redux中将store注射到全局中,以便其包裹的组件可以使用其储存的数据方法。我们常用其做国际化和全局的主题颜色等,但并不用于发布订阅和状态的管理。Context的用法我们先在一个文件中使用react的createContext创建一个context,参数为默认的context值,如果使用到context却没有被Provider包裹时,取到的context值就是这个默认值。import React from "react";export const my原创 2020-05-29 00:09:53 · 265 阅读 · 0 评论 -
react-复习(2)组件的生命周期
挂载阶段当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下:constructor对组件进行初始化,设置state。如果定义state可以不写constructor,组件会隐式创建这个方法如果写了,就一定要写super(),此时组件才有自己的this,在组件的全局中都可以使用this关键字,否则如果只是constructor 而不执行 super() 那么以后的this都是错的如果在constructor生命周期中没有用到props,可以不用写成super(props)stati原创 2020-05-27 18:18:05 · 133 阅读 · 0 评论 -
react-复习(1)setState到底是异步还是同步?
先给出答案:有时是同步,有时是异步。setState在合成事件和生命周期函数里是异步的,在原生事件和setTimeout里是同步的一、合成事件和生命周期函数里是异步的我们可以看一个????:export default class App extends React.Component { constructor() { super(); this.state = { count: 0, }; } render() { const { cou原创 2020-05-26 23:17:24 · 890 阅读 · 0 评论