setstate 第3页 - IT屋-程序员软件开发技术分享社区

使用 setState() 将对象添加到对象数组

我的组件的状态是一个对象数组: this.state = {用户收藏夹:[{id: 1, title: 'A'}, {id: 2, title: 'B'}]} 我需要，每次我点击一个按钮时，用另一个对象更新我的状态，就像我在上面的状态中一样；例如:{id: 3, title: 'C'}. 如果我简单地连接它们并设置状态，最后一个对象会不断被添加的对象改变. 这里需要展开运算符吗? ..

发布时间：2021-07-23 19:24:36 javascript reactjs setstate 前端开发

我正在 React 中使用深度嵌套的状态对象.我的代码库要求我们尝试坚持使用函数组件，因此每次我想更新嵌套对象内的键/值对时，我都必须使用钩子来设置状态.不过，我似乎无法了解更深层次的嵌套项目.我有一个带有 onChange 处理程序的下拉菜单...onChange 处理程序内部是一个内联函数，可以直接设置任何键/值对正在更改的值. 然而，我在每个内联函数中的展开运算符之后使用的语法是错误的 ..

发布时间：2021-07-23 19:24:30 javascript reactjs state react-hooks setstate 前端开发

诊断 RangeError:React KeyEscapeUtils 中超出了最大调用堆栈大小

背景我们的 web 应用是使用 React 和 Redux 编写的，使用官方 react-redux 绑定.此 Web 应用程序中使用的另一个主要库是 PaperJS.我们最近将其转换为 Redux 应用程序，尽管它已经使用 React 一段时间了. 问题有时刷新(通常每隔一次刷新)会导致 RangeError:超出最大调用堆栈大小在 String.replace ()在 ..

发布时间：2021-07-04 20:30:51 reactjs redux stack-overflow react-redux setstate 其他开发

setState 触发并且渲染方法被命中，但没有重新渲染

我在 DrawerNavigator 下有这个屏幕: class myScreen 扩展组件 {状态:对象；构造函数(道具){超级(道具)；this.getBeers();this.state = {is_loading: 真,啤酒:空，beers_ds:空，}}componentWillUpdate(nextProps: Object, nextState: Object){如果(！nextS ..

发布时间：2021-07-04 20:19:42 javascript reactjs react-native render setstate 前端开发

如何使我的输入字段预填充数据并在页面加载时可编辑?

我在让我的字段之一预先填充信息并进行编辑时遇到问题.我尝试在代码中移动它使用数据设置字段的位置，它要么是空白的且可编辑，要么显示预先填充的数据，但 UI 阻止我对其进行编辑. 我遇到的问题是 bar 字段.将它放在构造函数中会用信息预先填充该字段，但 UI 阻止我对其进行编辑.为什么?这个字段应该在哪里设置或者我该如何修复它?在导航到此页面之前，我是否需要调用此对象的填充位置，以便在构造函数 ..

发布时间：2021-07-04 19:40:16 javascript reactjs react-native setstate 前端开发

在 React-Native 中访问 this.state

嗨，我是 React 的新手，请耐心等待.我想将地理位置存储为一个状态.看起来不错，因为位置的任何变化都会触发渲染，这正是我想要的.在开发过程中，我有一个按钮，可以通过访问 lastPosition 手动触发事件.但是当我这样做的时候.状态是“未定义的".知道为什么吗? 导出默认类 FetchProject extends Component {构造函数(道具){超级(道具)；this.stat ..

发布时间：2021-07-04 19:37:14 javascript reactjs react-native setstate 前端开发

在地图函数中反应 setState

我无法解决下面的问题. 该问题与异步 setState 维度有关.通常我使用回调，但在这里似乎不合适. 我的目标是创建一个状态(我将能够对其进行排序)，该状态是通过迭代不同的状态而获得的，这些状态本身是在地图中创建的. 下面的函数调用我的不同方法，我们感兴趣的是最后两个.getUserPoints 和 sortArrayforUserRank. getPlayersByUser ..

发布时间：2021-07-03 20:41:09 reactjs setstate 其他开发

与 setState 回调相比，使用 componentDidUpdate 有什么优势?

为什么在 React 组件中使用 componentDidUpdate 而不是 setState 回调函数(可选的第二个参数)更推荐使用(如果需要同步 setState 行为)? 由于 setState 是异步的，我在考虑使用 setState 回调函数(第二个参数)来确保在状态更新后执行代码，类似于 then() 用于承诺.特别是如果我需要在后续 setState 调用之间重新渲染. ..

发布时间：2021-07-03 20:27:08 javascript reactjs setstate 前端开发

根据子组件的数据计算父状态:ReactJS

我正在尝试实现一个设置页面，其中有一个全局设置和某种子设置(以滑块的形式). 我有以下场景: 1)当所有子设置都打开时，则父母开关状态应为打开状态 2)当任何子设置关闭时，父开关状态应切换为待定 3)当所有子设置都关闭时，父开关状态应该切换到关闭状态 4) 同样在单击按钮时，我需要获取所有子组件的当前状态. 尝试了以下方法，但似乎不起作用.为此，我为此切换开关使 ..

发布时间：2021-07-03 19:33:36 javascript reactjs react-hooks setstate 前端开发

如何动态地将 map 函数用于钩子 useState 属性

我的问题与这个问题几乎相同. 在这种情况下，这个人有一张以硬编码方式创建的状态图: const App = props =>{const [状态，更改状态] = useState({名称: ""，事件标题:“"，细节: ""，列表: ""，切换索引:"",编辑名称:"",编辑事件标题:"",编辑详情:"",}); 不同之处在于我想动态创建这些状态，从另一个组件接收它们.我尝试过这样的事情 ..

发布时间：2021-07-03 19:28:48 reactjs react-hooks setstate 其他开发

对 useEffect 钩子内的多个 setState() 调用进行批量更新

在丹·阿布拉莫夫 (Dan Abramov) 的这个回答中，我发现了以下内容: React 是否保持状态更新的顺序? 目前(React 16 及更早版本)，默认情况下仅对 React 事件处理程序内部的更新进行批处理. 有一个不稳定的 API 可以在您需要的极少数情况下强制在事件处理程序外部进行批处理. 他还在这个 Github 问题中提到了这一点: https://git ..

发布时间：2021-07-03 19:21:25 javascript reactjs react-hooks setstate use-effect 前端开发

如何使用反应钩子设置状态数组

提前致谢.我有一个如下的状态数组. 我需要向状态数组添加一个项目，我发现我们不需要进行状态突变.我如何使用 prevState 设置状态. const [messages, setMessages] = React.useState([{_id: 12,createdAt: 新日期(),文字:'一切都好'，用户:{_id: 1,name: 'Sian Pol',}},{_id: 21,cr ..

发布时间：2021-07-03 19:20:50 reactjs react-native react-hooks setstate 其他开发

ReactJS 并发 SetState 竞争条件

我有一个这样的组件结构想法是在块 E 中的组件上的操作由组件 A 的函数处理到 A 的状态，然后作为道具传递给 B 和 C.我知道，更好的方法是使用 Flux、pubsub-js 或其他 Store-message 系统，但希望有人能解释为什么我理解的最正确的解决方案不起作用. 从组件 E 的多个实例同时调用组件 A ..

发布时间：2021-07-02 18:43:41 reactjs race-condition setstate 其他开发

反应 setState 慢

所以我正在用 React 编写一个应用程序，结果是我有一个组件，它的状态有一个相当大的列表.我正在从网络获取一个 JSON 文件，然后将过滤后的副本直接存储到组件的状态.可能不是最佳解决方案，但我认为这仍然可以，React 应该可以处理它，我的意思是，它只有 10 kB. 无论如何，我决定向我的组件添加一个搜索输入并将其值存储到其状态.现在我有大列表和 searchInput 处于它的状态， ..

发布时间：2021-06-15 19:42:13 javascript performance reactjs setstate 前端开发

如何在REACT js的.map()函数中仅禁用选定的按钮onClick

我在 REACT js 中有购物应用程序.我使用 .map() 函数显示所有产品，并在每个产品前面显示“添加到购物车"按钮.当点击添加到购物车 btn 时，它会将点击的产品 ID 添加到本地存储中，然后我通过检索 ID 在购物购物车中显示这些选定的产品来自 localStorage.一切正常很好. 现在我想要的是在单击一次时禁用“添加到购物车"按钮(仅限所选产品).我通过设置状态做到了 ..

发布时间：2021-06-12 19:05:38 javascript reactjs onclick setstate map-function 前端开发

如何在反应中推送 JSON 对象数组中的项目?

我有我的 REACT JS 客户端并使用 PHP API 来获取数据.我从 API 调用中获取 JSON 对象数组，格式如下: {“记录": {“汽车大师":[{"SparePartID": "43","名称": "油和润滑油","价格": "4500","供应商ID": "48",“公司名称":“汽车大师"},{"SparePartID": "45","名称": "灯","价格": "23 ..

发布时间：2021-06-11 19:44:25 arrays json reactjs object setstate 其他开发

无法在现有状态转换期间更新

当我加载时，我的流星项目一直使我的浏览器崩溃.如果我在 App.jsx 文件中注释掉 this.setState({input_36:currentApp.input_36}); ，我只能避免浏览器崩溃.有人可以告诉我如何修复我的代码，以便项目可以加载而不会崩溃，如果您单击中的任何超链接，它会重新呈现表单吗?并通过确保 href= 属性来确保链接符合 WCAG 和搜索引擎优化? 这是我的 ..

发布时间：2021-06-02 20:44:01 meteor reactjs setstate 其他开发

从另一个组件更新组件状态的最简单方法是什么?可以说组件是兄弟姐妹吗?

我正在尝试在Web应用程序中创建一个交互式功能.在一个组件中选择一个选项后，我想更新另一个组件的状态并触发重新渲染.我应该怎么做. 解决方案您可以将两个组件都放在另一个组件中，然后在那定义状态和setState.现在，将setState作为prop发送到第一个组件.选择选项时，请使用已发送的setState设置状态.现在，如果第二个组件使用该状态作为道具，那么它将被重新渲染. Pa ..

发布时间：2021-05-28 18:41:56 javascript reactjs components jsx setstate 前端开发

在事件处理程序内进行setState调用后，React何时重新渲染

从React DOCS: https://reactjs.org/docs/state-and-lifecycle.html 状态更新可能是异步的 React可以将多个setState()调用批处理为一个更新，以提高性能. 这很有道理.如果您具有类似以下功能的内容，则在每次 setState 调用时重新渲染效率非常低下 const [state1，setState1 ..

发布时间：2021-05-19 20:10:03 javascript reactjs react-hooks setstate 前端开发

reactjs:setState在一次调用的函数中被两次调用?为什么?

编辑:由于代码片段无法重现该错误-这是github存储库的链接:(代码距离完成还很远) https://github.com/altruios/clicker-game 我现在已经在两台计算机上运行它-两者都具有代码片段未显示的相同行为. 有趣的是， //足够好了，在我在本地运行的相同代码加倍了.//当我注释掉除此代码之外的所有其他代码时，我仍然会在本地获取错误//在这一点上， ..

发布时间：2021-05-19 19:41:20 javascript reactjs setstate 前端开发

setstate相关内容