React
海绵宝宝的微笑`
这个作者很懒,什么都没留下…
展开
-
【 React 】Hook 的那些事!
1、Hook 是什么官方介绍:Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。2、Hook 的Api1、useState 设置类组件中的stateimport React, { useState } from "react";// useState: 可以在函数式组件中声明和修改状态//函数式组件function App() { //使用hook来定义state //获得state,和修改sta原创 2020-10-21 21:55:37 · 141 阅读 · 0 评论 -
【 React 】 React 中的公共状态管理 Redux !
Redux 的设计思想很简单,就两句话:Web 应用是一个状态机,视图与状态是一一对应的。所有的状态,保存在一个对象里面。在组件化的应用中(比如react、vue2.0等),会有着大量的组件层级关系,深嵌套的组件与浅层父组件进行数据交互,变得十分繁琐困难。而redux,站在一个服务级别的角度,可以毫无阻碍地(这个得益于react的context机制,后面会讲解)将应用的状态传递到每一个层级的组件中。redux就相当于整个应用的管家。redux有三大准则1、单一数据源 :整个应用状态,都应该被存储原创 2020-10-20 19:58:55 · 492 阅读 · 0 评论 -
【 React 】几种共享数据的方式 !
React与Vue 数据通信相同,属于单向数据流,所以非父子组件共享数据用常规方法,代码会变得非常冗余。所以下面介绍了几种数据共享的方法。1、React 提供的 Context 类似Vue中的 Provid Reject初始化:React.createContext() 用来创建共享数据上下文对象const defaultValue = { a:1, b:2, c:3}//创建对象并导出const MyContext = React.createContext(defaultVal原创 2020-10-20 19:36:57 · 1828 阅读 · 1 评论 -
【 React 】三种 ref 的方式以及高阶组件必备 ref 转发
在React中没有直接的API去操作DOM 结构,所以就要用到 ref 来获取DOM结构,常用的方法有以下三种1、字符串类型的ref顾名思义 ref接收的是一个字符串,如果你目前还在使用 this.refs.textInput 这种方式访问 refs ,建议用回调函数或 createRef API 的方式代替。因为会有BUG<div id="app"></div><script type="text/babel"> //通过ref=""这种方式来去给d.原创 2020-10-20 16:53:30 · 750 阅读 · 0 评论