草庐IT

hook_theme

全部标签

vue3与react、 react hooks

一、Vue3新特性:setup、ref、reactive、computed、watch、watchEffect函数、生命周期钩子、自定义hooks函数、toRef和toRefs、shallowReactive与shallowRef、readonly与shallowReadonly、toRaw与markRaw、customRef、provide与inject、Fragment、Teleport、Suspense、data选项应始终被声明为一个函数2、setup是所有composition API(组合式api)展示的舞台,返回一个对象,则对象中的属性、方法,在模板中均可以直接使用,setUp(p

vue3与react、 react hooks

一、Vue3新特性:setup、ref、reactive、computed、watch、watchEffect函数、生命周期钩子、自定义hooks函数、toRef和toRefs、shallowReactive与shallowRef、readonly与shallowReadonly、toRaw与markRaw、customRef、provide与inject、Fragment、Teleport、Suspense、data选项应始终被声明为一个函数2、setup是所有composition API(组合式api)展示的舞台,返回一个对象,则对象中的属性、方法,在模板中均可以直接使用,setUp(p

React Hook用法详解(6个常见hook)

1、useState:让函数式组件拥有状态用法示例://计数器import{useState}from'react'constTest=()=>{const[count,setCount]=useState(0);return(点击了{count}次setCount(count+1)}>+1);}exportdefaultTestPS:class组件中this.setState更新是state是合并,useState中setState是替换。例如://错误示例import{useState}from'react'constTest=()=>{const[counts,setCounts]=us

React Hook用法详解(6个常见hook)

1、useState:让函数式组件拥有状态用法示例://计数器import{useState}from'react'constTest=()=>{const[count,setCount]=useState(0);return(点击了{count}次setCount(count+1)}>+1);}exportdefaultTestPS:class组件中this.setState更新是state是合并,useState中setState是替换。例如://错误示例import{useState}from'react'constTest=()=>{const[counts,setCounts]=us

关于 reactjs:useEffect() React Hook Dependency Array lint 规则

useEffect()ReactHookDependencyArraylintrulelint规则强制我将\\'dispatch\\'也作为useEffect()的依赖项。(如果我不将调度添加为依赖项,它会引发警告"ReactHookuseEffect缺少依赖项:\\'dispatch\\'。要么包含它,要么删除依赖项数组。")是否可以将dispatch或任何其他函数列为依赖项?有没有更好的方法在不禁用lint规则的情况下使用?12345useEffect(()=>{  if(debouncedSearchText){   dispatch(getUsers(pageIndex,rows,de

关于 reactjs:useEffect() React Hook Dependency Array lint 规则

useEffect()ReactHookDependencyArraylintrulelint规则强制我将\\'dispatch\\'也作为useEffect()的依赖项。(如果我不将调度添加为依赖项,它会引发警告"ReactHookuseEffect缺少依赖项:\\'dispatch\\'。要么包含它,要么删除依赖项数组。")是否可以将dispatch或任何其他函数列为依赖项?有没有更好的方法在不禁用lint规则的情况下使用?12345useEffect(()=>{  if(debouncedSearchText){   dispatch(getUsers(pageIndex,rows,de

React+hook+ts+ant design封装一个input和select搜索的组件

前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷微信公众号前端小歌谣需求分析首先我们需要实现一个带有搜索功能的搜索框本次只实现两种框的搜索功能一种input一种select功能思维第一步初始版本先写出一个input和一个render还有两个按钮label="测试数据"key="1"name="测试数据"rules={xxx}style={xxx}>{true?:}查询重置开始升级版本(动态渲染搜索框)接下来可以将搜索的数据改为动态渲染因为

React+hook+ts+ant design封装一个input和select搜索的组件

前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷微信公众号前端小歌谣需求分析首先我们需要实现一个带有搜索功能的搜索框本次只实现两种框的搜索功能一种input一种select功能思维第一步初始版本先写出一个input和一个render还有两个按钮label="测试数据"key="1"name="测试数据"rules={xxx}style={xxx}>{true?:}查询重置开始升级版本(动态渲染搜索框)接下来可以将搜索的数据改为动态渲染因为