随笔分类 - React
React 开发技巧
摘要:React-Router帮助我们实现单页应用的路由跳转功能 1. 简单路由 src/pags/home.js const Home = () => { return ( <div>Home</div> ); }; src/Routes.js import React from 'react'; im
阅读全文
摘要:Refs为我们提供了一种方式访问Dom节点或者React实例,下面是使用Refs的几个场景 管理焦点,文本选择或媒体播放 触发强制动画 集成第三方 DOM 库 1. 创建和访问Refs 创建Refs Refs 是使用 React.createRef() 创建的,并通过 ref 属性附加到 React
阅读全文
摘要:1. Render Prop 具有 render prop 的组件接受一个返回 React元素的函数,并在组件内部通过调用此函数来 实现自己的渲染逻辑, 具体来说render prop 是一个用于告知组件需要渲染什么内容的函数 prop。 <DataProvider render={data =>
阅读全文
摘要:1. 创建Redux store app/store.js import { configureStore } from '@reduxjs/toolkit' export default configureStore({ reducer: {} }) 2. 将store提供给React index
阅读全文
摘要:1. store enhancer Store Enhancer基本结构 Store Enhancer是一个函数,这个函数可以接受一个createStore模样的函数为参数,返回一个新的createStore函数。它的主要目的是改变和加强store的接口方法。 const doNothingEnha
阅读全文
摘要:1. 什么是Redux Redux是一个通过叫做action的事件,管理和更新应用程序状态的js库或者说是一种模式。使用Redux 可以使我们更容易地理解应用程序中的状态或者说数据何时,何地,为什么被更新,以及这种更新所 带来的行为。 2. 使用Redux的场景 应用程序中具有大量的数据状态分布在程
阅读全文
摘要:1. <Uncaught Error: Minified react error #130 >: module not export .
阅读全文
摘要:一、条件表达式渲染 (适用于两个组件二选一的渲染) 二、&& 操作符渲染 (适用于一个组件有无的渲染) 三、利用变量输出组件渲染 (适用于有多个组件多种条件下的渲染) 四、利用函数方法输出组件或者利用函数式组件进行渲染 (适用于多个子组件需要根据复杂的条件输出的情况) 1. 函数方式 2. 函数式组
阅读全文