react只在数组中添加一项，而不是继续添加？
在React中，如果我们想要在数组中添加一项而不是继续添加，可以使用concat()方法或展开运算符来创建一个新的数组，并将新的项添加到该数组中。
- 使用
concat()方法： - 使用
concat()方法： - 使用展开运算符：
- 使用展开运算符：
这两种方法都会创建一个新的数组，原始数组保持不变。这样做的好处是遵循了React中的不可变性原则，确保在更新状态或传递属性时不会直接修改原始数据，从而避免不必要的重新渲染。
React中的数组更新通常使用这种方式，以确保正确地处理状态和属性的变化。
相关·内容
我有这个代码我想要发生的是，一旦我点击div与类flexrow (见代码)，一个图标应该会出现，一旦发生，我想使用图标来添加更多的项目到移动的ul(见代码)，它的工作方式是正确的是，当我已经把图标放在UI上，然后我没有问题，它工作得很好，但我希望图标显示在需求和那里的问题是它只创建一个元素，并停止任何想法，我做错了，谢谢。
浏览 29提问于2021-08-20得票数 0
我正在尝试构建一个应用程序，其中条目存储在sqlitedatabase中，而mainactivity包含显示来自database的条目的recyclerview。例如，如果第一个条目是"A“，第二个条目是"B"，则recyclerview只显示"A”而不显示"B“
RecyclerView适配器
public中的函数passwordDatabase.getAcc()中，passw
浏览 9提问于2017-11-03得票数 1
回答已采纳
基本上，我想用一个‘行号’来‘标记’我的模板生成的每一行1 [other html]3 [other html]但是，现在我需要delete，它在delete上产生类似这样的结果：3 [other html]
其中'2‘已被删除，但实际上我希望它只</
浏览 0提问于2012-03-23得票数 10
回答已采纳
2回答
我正在尝试遍历一个列表/数组/对象：(我使用了forEach来保持清晰，但它只是一个coffeescript ) $('each.text), $("#"+page)[0]如果可能的话
浏览 1提问于2014-03-12得票数 11
我试图将数据从单个输入字段添加到数组中，我希望将其存储在本地存储中，但当我提交输入按钮时，项目首先被存储，但如果我试图存储第二个项，则数组前一项将被替换为新类型的项数据，而不是添加到数组中，就像我期望数组的行为一样我真的很感激你给我一个详细的解释，因为我是用react来做这个的。这是我下面的代码 import React
浏览 2提问于2021-07-15得票数 1
2回答
大家好，所以我正在尝试在我的react原生app....After中实现一项功能，用户已经登录，后来又注销了应用程序，我想在登录屏幕上添加一项功能，询问用户是否想要继续作为之前登录的用户，请告诉我如何操作
浏览 1提问于2020-03-07得票数 0
我正在实现一个计算器，我被困在试图在屏幕上显示数字。我反复使用我的所有数字来得到它们，但是当我试图替换它们以便用id #num在我的div中显示它们时，它就不能工作了。
浏览 1提问于2018-10-31得票数 0
回答已采纳
我有一个数组：我需要做的是pop() (或者它是移位吗？)数组上的最后一项，返回一个空数组[]。问题是，当调用pop()时，它会改变数组的位置，而不是返回一个新的副本。如何返回副本？对于上下文，我使用了React，我有一个东西列表，它就像一个待办事项列表，有“添加另一个”和“删除”的按钮，我需要间接地更新状态。
浏览 2提问于2019-02-22得票数 8
回答已采纳
我正在使用React和映射数组来生成一个交互式项目列表。在创建JSX时，我将mouseover侦听器附加到添加到列表中的每一项。我正在考虑只向列表容器中添加一个侦听器，然后尝试确定选择了哪一项，但我不确定这是否必要。
浏览 0提问于2019-07-27得票数 0
回答已采纳
我对React和构建日历应用程序是个新手。在尝试更好地理解状态时，我注意到我的“移除预订”功能需要一个状态更新才能工作，而我的“添加预订”功能在没有状态的情况下工作得很好。删除预订:需要状态为work 添加预订:不需要状态即可工作 我认为这是因为我的时隙组件的呈现方式。每个插槽都是通过.map()从数组的一项中呈现的，因为大多数在线教程都建议从数组中呈现组件的最佳方法。 因此，对于每个EmptyTimeslot，BookedTimes
浏览 25提问于2021-02-28得票数 0
回答已采纳
3回答
HeldNote继承了Note，只添加了2个变量，以及设置可视维度的不同方法。我有一个未定义的项数数组，每个项目都被定义为类Note的成员。有时，在我的程序中，我希望数组中的其中一项是HeldNote，而不是备注，在程序运行之前，我不知道是哪一项。VB.Net似乎可以声明数组(I)=新建HeldNote，但是不允许我访问HeldNote所拥有的变量，但Note不允
浏览 3提问于2016-11-25得票数 0
回答已采纳
我使用的反应-本机-多-选择，并试图创建一个下拉菜单，允许用户选择多个选项，然后记录他们选择的选项到一个数组。目前，它记录每次选择新项时都按下按钮，这无助于将选定的项存储到另一个数组中。
任何帮助都会很好。
浏览 2提问于2018-07-12得票数 3
回答已采纳
我现在正试图教自己反应，但我遇到了一个问题： 我正在学习一个关于如何使用firebase和React构建身份验证应用程序的教程。教程中的人用的是javascript，我用的是typescript。我有一个语法错误，我不能自己修复： import React, { useEffect, useState } from "react";
exportconst AuthContext = React.create
浏览 3提问于2021-01-04得票数 0
2回答
我试图在react.js中的数组中添加一个元素 if ( .toLowerCase()问题是，它只添加了结果中的最后一个元素我怎么解决这个问题？
浏览 0提问于2020-03-22得票数 2
回答已采纳
我有一个数组，我有两个组件(子组件和父组件)。我在父组件中迭代数组，我渲染子组件，我用数组中的数据给它们道具。
子组件将其道具转换为状态，然后递增和递减该状态。父组件可以将新项添加到数组中并重新呈现。但。如果我取消了数组前面的新项的移位( unshift() )，我会将数组中的最后一项添加到屏幕上，而不是将新项
浏览 12提问于2017-07-20得票数 4
在单击目标后，我正在尝试按下新项目，即setState中的React。我console.log event.target，它返回了我所期望的。但是，没有立即将其添加到数组中。只有在下一次单击之后，数组才会被更新，这意味着，例如，在我单击10次之后，数组中只有9项，而没有单击最后一项。然后，在我再次点击之后，会添加第10条。感谢你的帮助！
浏览 1提问于2022-07-18得票数 0
我不明白为什么在数组状态项中使用spread运算符时组件只能重新呈现如下：const [openList, setOpenList] = React.useStateconsole.log(newOpenList) // prints the same in both options}
我在render()中使用了console.log (可能有更好的方法来了解组件是否使用钩子更新)，并且只有<
浏览 0提问于2019-07-16得票数 1
回答已采纳
在我的react应用程序中，我当前正在将一个包含JSON字符串数组的父状态传递给子组件，但是当我加载要用于子组件(this.props.pathway_results)的数组时，我尝试引用数组中的第一项This.props.pathway_results记录为字符串的第一个字符"["，而不是数组中的第一项。如何让状态注册为对象/<em
浏览 4提问于2021-04-22得票数 0
问题是，thatI还想在列表的末尾添加一个按钮(就像列表中始终存在的最后一项)，这样，如果此人正在寻找的项不存在，则此人可以单击该按钮来添加新项。这是一个相同的问题，并且得到了回答，但是对于react-select，我在material-ui的API中找不到任何东西来做同样的事情。Append a button at the end of options in react-select 一个例子(取自上面的问题)：https://i
浏览 22提问于2021-01-12得票数 0
在安卓系统中，有没有办法只通过聚焦而不是通过OnItemSelected来获取项目在微调对象上的位置？
因为每次微调器的最后一项是焦点时，我都需要添加/递增一项。
浏览 0提问于2015-10-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
