react数据没更新，但视图在自增

最新推荐文章于 2024-04-18 11:11:24 发布
最新推荐文章于 2024-04-18 11:11:24 发布
阅读量123 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36341137/article/details/118113475
版权

出现问题的场景：做了一个上传文件的功能，然后鼠标进入到文件就显示删除的按钮；这个时候就出现了自增（类似and的上传）；在这里插入图片描述
查问题：排除了数据的有没重新赋值；以及深浅拷贝的问题；
处理：最后发现是循环的key相同了，才导致的。没理解具体原因，但问题解决（了解的大佬可以说下）在这里插入图片描述

spade-three
关注
专栏目录
vue 把组件挂载到视图_React Vs Vue 之数据驱动视图
weixin_39822147的博客
12-22 362
mvc框架中数据的变化驱动视图的变化，当数据改变时,比如num由1变为10：// reactthis.setState({num: 10})// vuethis.data.num = 10复制代码只需执行简单的代码，就是引起页面视图的变化。两个框架之间是如何做的的呢？1. React数据驱动视图要想了解数据驱动视图的过程，首先要了解react的渲染过程：1. 编写：我们编写的组件都是继承自Reac...
react中setState()是异步的还是同步的，如何控制？
小王的技术库
10-26 931
由React控制的事件处理函数，以及生命周期函数调用setState时表现为异步。大部分开发中用到的都是React封装的事件，比如onChange、onClick、onTouchMove等（合成事件中），这些事件处理函数中的setState都是异步处理的。最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。有需要的小伙伴，可以点击下方卡片领取，无偿分享) **思考一下，你的答案是什么？？？
react中更改了数组但是视图（dom节点）没有变化解决方法
zyj12138的博客
06-15 3423
<div className="selection" style={item.select == true?{backgroundColor:'rgba(0,230,155,.8)'}:{backgroundColor:'rgba(0,255,172,.1)'}} onClick={()=>selectReport(index,item.name)}></div> 这里我们有一个点击事件，让这个div变色。 const [reportChange,setrepor.
Day270/300 react hooks 使用useState 修改后，视图不更新
xinghuowuzhao的博客
05-22 2038
React中默认浅监听，当变量为引用类型时，栈中存的是对象的引用（地址），setState改变的是堆中的数据。所以此时set后，栈中的地址还是原地址，React浅监听到地址没变，会认为State并未改变，所以没有重新渲染页面。useState() 属于异步函数，在useState() 第一次存储的时候，值会存储不上。
react数组变了，但是视图没有更新
Haines
04-12 1396
使用解构赋值就好，浅拷贝 // 添加部门设置 addDuty = () => { console.log(123) const { positionInfos } = this.state if(deptInfos.length >= 10) return message.error('最多只能添加10条！'); const addDutyList = positionInfos.concat([{ dutyId:'', posit
react中useState的值没有改变，而是旧的数值
最新发布
weixin_63681863的博客
04-18 1367
console.log打印的是上一次的值
React基础 状态的修改和状态的不可变性
zengxingX的博客
12-09 574
修改状态 通过 setState 修改状态的写法 语法：this.setState({要修改的部分数据}) 作用：修改state 并更新视图 来源：setState() 函数是通过继承来的 注意：setState() 的操作是合并，不会影响没有操作到的数据 状态的不可变性 不要直接修改数据，而是要产生一份新的数据，然后通过setState() 用新的数据覆盖原来的数据，这么做的其中一个重要原因就是为了性能优化 受控表单组件 能够使用受控组件的方式收集到表单中的数据 受控不受控一般是.
react 表格嵌套(主表和子表都可以新增、编辑、保存、删除、主表展开和分页国际化)
11-19
保存操作通常在用户确认更改后触发，将更改同步到数据源并更新视图。如果编辑过程中发现错误，可以提示用户并回滚更改。 4. **删除功能**：为每一行提供删除按钮，点击后弹出确认对话框，确认后调用删除接口，从...
React 基础----1
qq_35168695的博客
08-02 182
React 基础学习
深入分析React-Scheduler原理
xiaofeng123aazz的博客
11-14 383
关键词：react react-scheduler scheduler 时间切片 任务调度 workLoop。
React使用setState后页面没有更新
qq_64436918的博客
04-15 5529
React使用setState后页面没有更新
react循环key值_react中key值的添加
weixin_33055757的博客
01-30 1576
回想下，当我们在react开发中是不是经常写下面的代码const data = [a, b, c];{data.map((item,index)=>{return item })}当我们通过数组来动态渲染一批组件时，react要求我们必须为每一个组件添加一个唯一的key值，不然就会在控制台出现如下warning：warning.js:33 Warning: Each child in an ...
React 之 state 数据改变页面不更新未重新渲染的 7 种情况 及 解决办法
热门推荐
前端一线搬运工的博客
04-02 5万+
1. 在redux中修改state页面未更新 解决办法: 请检查你的state是不是直接改变原state的, 记住不要直接修改state 原因: reducer 中 state 是引用,在 reducer 中改变 state 是错误的, 虽然 store 里面的 state 是改变了,但是 react - redux 会认为dispatch 前后的 state 没有改变，就不会重新渲染页...
解决react异步数据不更新页面或提示错误的问题
Justin86713的博客
08-31 2055
如果页面开始显示依赖的异步数据，而不是用户操作触发的，没有渲染异步内容时，看到部分人采用setTimeout延时渲染的方法，这是不准确而且是错误的。这里给出的一个方法，是添加所依赖的数据下渲染的判断条件。在没有拿到该异步数据前渲染为空，之后根据这个数据判断为真时渲染出有内容的页面。 举一个例子，contents，这个值是根据redux插件连接state和dispatch，通过在componentWillMount() 钩子中调用this.props.getPageContents()得到的值，这个方法是异步
react 中setState状态没有“更新”
pugongyingyangyue的博客
09-11 7664
注意：setState是异步的。 如下的代码，setState之后值仍然没变 constructor(){      super();    this.state= {aaa:'s'}, } componentDidMount(){       console.log(this.state.aaa);//s      this.setState({aaa:'sss'})
关于React 中出现值更新了界面没更新的问题
kiku
04-25 5505
react中数组如果引用地址不变，是不触发重新渲染的，但是值是设置进去了 或 const [lists,setLists] =useState([]); … const arr = […lists]; //克隆的时候改变地址 arr.splice(index,1) setLists(arr); 这里要根据react的渲染机制源码，因为react 会判断旧状态和新状态是否有变化，如果没有变化就不渲染，所以要改变地址告诉render 是新状态要重新渲染 原文链接：https://blog.csdn.net/w
关于React中数据的更新操作
前端小愤青
11-12 9035
关于数据更新操作，如果首次接触React的话，我们可能会想到给将更新的数据写到定时器中，让数据不断改变，像这样做: function tick() { const element = ( &lt;div&gt; &lt;h1&gt;Hello, world!&lt;/h1&gt; &lt;h2&gt;It is {new Date().toLocaleTim...
React当中，为什么明明调用了setState()，state也发生了变化，就是没有重新渲染，更新界面？
qq_35175413的博客
06-10 2万+
以前没用过react，改别人的代码，发生了这个问题。原来是原代码中有shouldComponentUpdate(nextProps, nextState)这个方法。这个方法会判断发生什么样的state改变才进行重新渲染。return true的时候重新渲染，false则不变。详情可自行搜索。...
react的setState()的前自增和后自增的区别
各种吃土豆的博客
03-26 2350
比较一下+1，前++，和后++的区别。 // +1: 先获取值，相当于得到一个变量的副本，加1后，再通过setState()更新给原变量 this.setState({ num:this.state.num+1 }) // 前++:先获取值，相当于得到一个变量的副本，然后给这个副本+1(不会作用到state)，然后把副本的加1后的值通过se...
react页面渲染更新但数据没有更新
04-04
3. 异步更新导致的问题：如果你的数据是异步更新的，那么你需要确保在数据更新后，组件能够正确地重新渲染。你可以使用React的生命周期方法来实现这一点。 4. 数据更新时没有触发重新渲染：检查你的组件是否正确地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值