react
文章平均质量分 69
温柔先生
技术拉进你我
展开
-
深入理解setstate
本文会向你介绍以下内容: 如何使用 setState 不能直接修改 State setState() setState 可能是异步更新 setState 的合并 如何使用 setState 在介绍 setState 之前,我们先来看一个 setState 的案例,了解一下是如何使用的。 我们来展示一个使用案例,当点击一个 改变文本 的按钮时,修改界面前显示的内容: ![](https://img-blog.csdnimg.cn/img_convert/15bb6dff9a2bfc1f1aac45ea35转载 2021-07-14 00:56:58 · 784 阅读 · 1 评论 -
react context传值
三种传值方法 类组件的 static contextType = 函数组件的useContext Consumer 函数组件,类组件都可以 static contextType 类组件使用 创建context //creatContext.js import React from 'react' export const NameContext = React.createContext(); export const AgeContext = React.createContext();原创 2021-07-13 00:29:17 · 665 阅读 · 1 评论 -
【小技巧】react复合组件
写页面的时候最常碰见header 、content 、 footer 这种布局 , 当然不局限于这种 只要页面多数都要用到的组件都可以。 如果不使用组件复合 封装成组件后挨个引入感觉还是差点意思 做个小demo 主组件: import React, { Component } from 'react' import Layout from './Layout' export default class index extends Component { render() {原创 2021-07-13 00:24:21 · 204 阅读 · 0 评论