react
文章平均质量分 54
react相关知识点。
前端三脚猫
编程相关问题记录。
展开
-
react组件和hooks中使用settimeout取值不是最新值问题
在react中直接使用settimeout或者useEffect等hooks中使用settimeout来取值的时候,总是取到上一次更新的值而不是最新的值。原创 2022-12-01 08:00:00 · 2832 阅读 · 0 评论 -
react中的computed计算属性-useMemo
在vue中需要根据某些属性进行计算或者映射出别的值时,可以使用computed计算属性,只有当所需要依赖的值改变时才会从新进行计算否则就会直接返回上一次计算的值。在react中时是没有直接这样的属性的,那么下面一起看下在react中时怎样实现计算属性功能的呢?原创 2022-04-07 08:00:00 · 2259 阅读 · 0 评论 -
react中通过dom元素属性传递和获取参数的方法
react中通过dom元素属性获取参数的方法我们在平时开发中遇到一个列表展示很多内容,然后点击列表中的某一项进行操作时需要获取当前项数据的参数,一般来说都是使用事件函数直接传参的方式进行获取,今天记录另一种通过dom元素自身属性获取参数的方式。1、通过事件函数传参首先来看下通过事件回调函数进行的传参方式,完整代码如下:import React from 'react'const dataList = [ { id: 1, name: '小明',原创 2022-02-27 15:25:45 · 1194 阅读 · 0 评论 -
react中的双向绑定
在react中其实是没有双向绑定的概念,每次更新页面和值都需要我们自己去调用指定的api来触发。原创 2022-03-06 16:44:14 · 6974 阅读 · 0 评论 -
react中v-for列表循环
前言:在vue中如果想要将数组中的数据进行循环的时候可以直接使用封装好的v-for指令进行实现,但是在react中是没有这种指令的,那么在react中是怎样实现列表的循环呢,下面一起看下react中是怎样实现的。1、数组中的数据渲染在平时开发中我们经常会遇到数组包含一系列数据的情况,然后在页面上展示出符合条件的数据,在react的jsx语法中我们可以直接将数组循环并将需要渲染的元素返回即可,如:import React from 'react'const listData = [ { i原创 2022-03-16 09:00:00 · 4038 阅读 · 0 评论 -
react中的v-if条件渲染
前言:在vue中根据变量或者表达式来控制dom元素和组件的展示与隐藏,但是在react中没有封装好的指令可以使用,下面一起看下在react中是怎样实现v-if类似的效果。1、单个元素(组件)渲染在react中使用了jsx语法,在jsx语法中可以直接将表达式和元素写在一起,所以在react中实现条件渲染就可以直接使用js中的 && 运算符,如:import React, { useState } from 'react'export default function Condition原创 2022-03-14 09:00:00 · 9428 阅读 · 0 评论 -
react中的watch监视属性-useEffect
在vue中可以使用watch属性,去监视一个值,当这个值进行变化的时候就去执行一些操作。在react是没有这个属性的,但是它也一样可以达到相同的效果.原创 2022-04-06 08:30:00 · 8840 阅读 · 0 评论 -
react中的slot插槽功能
在vue中当我们封装组件的时候,经常会用到slot插槽功能用来扩展自己组件使其拥有更多场景的适用,但是在react中是没有插槽这个概念的也没有可以直接使用的slot属性的,下面看下在react中是怎么实现类似插槽功能的。1、props.childrenreact中在组件上传递的参数,都会被子组件中的props属性接收并使用,props除了接收传递参数的这些属性外还有一个隐藏属性children,当使用的组件中间放入东西的时候就会自动的被props中children属性接收,这时我们就可以根据jsx语法的原创 2022-04-21 08:30:00 · 7964 阅读 · 0 评论