react
文章平均质量分 67
丶oasis
这个作者很懒,什么都没留下…
展开
-
好用的 React Hook
关于React 钩子 是 React 中的新增功能,它使你无需编写类即可使用状态和其他 React 功能。以下提供了易于理解的代码示例,以帮助你了解钩子(hook)如何工作,并激发你在下一个项目中利用它们。useTheme使用此钩子可以轻松地使用CSS 变量动态更改应用程序的外观。你只需传入一个包含你要更新的 CSS 变量的键/值对的对象,然后该钩子即可更新文档根元素中的每个变量。在无法内联定义样式(无伪类支持)并且样式排列过多而无法在样式表中包含每个主题的情况下(例如,允许用户自定义个人资料外观的网转载 2021-07-16 18:01:36 · 469 阅读 · 0 评论 -
react umi.js echars.js ie9兼容性问题
文章目录前言一、umi配置二、引入插件1.引入库2.兼容echars总结前言最近有个项目需要兼容ie9,并且使用了antd和echars,经过两天的努力终于成功了。一、umi配置官方文档给出了一种解决方案:但是我们在.umirc.ts文件中配置targets: { ie: 9 }发现没有生效,看了下报错,依然有不兼容的错误提示。二、引入插件1.引入库代码如下(示例):在document.ejs文件里引入一下js文件:<script src="https://npmcdn.原创 2021-06-25 10:06:49 · 1255 阅读 · 0 评论 -
React 实现撤销、恢复功能
目录一、实现目标二、代码设计1.状态管理reducer.js2.功能组件index.jsinput.jslist.jstodo.js总结一、实现目标要实现一个带撤销功能的todolist,需要以下完成以下步骤:保存用户的每个操作;针对每个操作设计与之对应的一个撤销逻辑;实现撤销恢复的逻辑;二、代码设计1.状态管理代码如下(示例):reducer.jsimport React from 'react'export const TodoContext = React.createCo原创 2021-06-04 17:28:04 · 1638 阅读 · 0 评论 -
使用useReducer和useContext管理组件
useReduceruseState可以用最简单的方式更新状态,但是状态更新的逻辑散落在UI中,不能独立复用,也不便于测试。使用useReducer来对一个组件的状态进行管理就可以避免这一情况。import React, { useState, useReducer } from 'react'const initialState = []const reducer = (state, action) => { const [type, value] = action const原创 2021-06-01 15:26:45 · 275 阅读 · 0 评论