![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
无穷已_
这个作者很懒,什么都没留下…
展开
-
react useImperativeHandle
useImperativeHandle 是 React 中的一个自定义 Hook,用于自定义父组件通过 ref 获取子组件实例的公开方法。通过使用useImperativeHandle,我们可以选择性地暴露子组件的特定属性或方法给父组件。ref 是父组件传递给子组件的 ref。createHandle 是一个在组件渲染过程中调用的函数,用于创建需要暴露给父组件的属性和方法。返回值将会作为子组件的实例值。deps 是一个可选的依赖数组,用于指定在 createHandle 中使用的依赖项。原创 2023-06-25 15:09:49 · 2791 阅读 · 0 评论 -
JS获取鼠标光标位置并在光标位置添加内容
JS获取鼠标光标位置并插入内容原创 2022-06-28 19:00:58 · 4348 阅读 · 0 评论 -
mac下nvm(管理node工具)的安装和使用
nvm node npm之前的区别1.nvm:nodejs版本管理工具也就是说:一个nvm可以管理很多node版本和npm版本,一个node版本下的npm包不互相影响,也就是说你在nvm管理下的一个node版本下安装依赖,在其他的node版本是没有的,在每一个node版本下需要重新安装依赖nvm安装指定版本的node: 例如:nvm install 16.13.0nvm使用指定node版本:nvm use 16.13.0nvm查看管理node版本列表:nvm list使用nvm安装好node之后原创 2022-03-18 09:36:04 · 7205 阅读 · 1 评论 -
小程序实现简易的table表格
效果HTML<View className={styles['table']}> <View className={styles['table-tr']}> <View className={styles['table-th']}>名称</View> <View className={styles['table-th']}>有/无</View> </View&g原创 2022-03-17 17:38:57 · 636 阅读 · 0 评论 -
单行文字横向循环滚动
单行文字循环滚动已把该功能以组件的形式抽离出来,根据需求可以更改滚动的字体,背景颜色,以及字体颜色注:因为这是一个用Taro写的小程序,大家看的时候可以忽略里面引入的东西以及标签,着重看render里面的代码动画实现:import { View } from '@tarojs/components'import { connect } from '@tarojs/redux'import Taro from '@tarojs/taro'import QyIcon from '@/compone原创 2021-11-19 17:29:40 · 1221 阅读 · 0 评论 -
React Hooks非相关组件传参(antd 3.X)
说明使用antd 3.X,在父组件在拿到子组件的input框的value值,具体实现如下:父组件import React, { useState, useEffect } from "react";import { Card, Button, Icon, Table, Modal } from "antd";import UpdateForm from "./updateForm";function Category() { // 确认修改OK const updateCategory原创 2021-05-05 14:10:03 · 584 阅读 · 0 评论 -
React Hooks实现时钟效果
Hooks代码import React, { useState, useEffect } from "react";import "./header.css";import { formatData } from "../../util/dataUtil";function Header() { const [currentTime, setCurrentTime] = useState(Date.now()); const [time, setTime] = useState("");原创 2021-05-04 14:38:28 · 851 阅读 · 0 评论 -
递归实现管理后台权限列表渲染
权限列表const menuList = [ { title: "首页", // 菜单标题名称 key: "/home", // 对应的path icon: "home", // 图标名称 isPublic: true, // 公开的 }, { title: "商品", key: "/products", icon: "appstore", children: [ // 子菜单列表 { ti原创 2021-05-04 09:34:10 · 127 阅读 · 0 评论 -
react,function函数实现todolist(拆分)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl原创 2021-04-20 16:50:48 · 134 阅读 · 0 评论 -
react,function函数实现todolist(不拆分)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl原创 2021-04-20 16:19:33 · 141 阅读 · 0 评论 -
react实现todolist(拆分组件)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl原创 2021-04-20 11:28:56 · 121 阅读 · 0 评论 -
react实现todolist(不拆分组件)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl原创 2021-04-20 10:46:48 · 79 阅读 · 0 评论