setstate相关内容

将值设置为状态 React js

我需要一些帮助. 我是新手,所以我一直在这里.我分享了一个 sandbox 框链接.包含一个表.如下 |玩具 |颜色可选 |可用成本| 现在一切正常.但我想保存表格的数据如下 detail 状态应包含表的行值列表,columnsValues 应包含 Color Available 和 可用成本 示例:this.state.detail 喜欢 详情:[{玩具 : ..
发布时间:2021-11-11 03:24:34 其他开发

ReactJS 后增量在 setState 中不起作用

在使用 ReactJS setState 方法更新状态时,我观察到后增量运算符不起作用(也没有出现任何错误),因此我不得不使用 + 1 代替.知道为什么会出现这种行为,因为我是 React 的新手,并且对了解这一点感到震惊. 这是我的代码:这不起作用: this.setState((prevState) => ({左:prevState.left++})); 这有效: this.set ..
发布时间:2021-07-23 19:25:30 其他开发

React State 没有正确分配 setState

我正在创建一个非常基本的待办事项应用程序.但是我在将待办事项推入数组并将它们分配给状态时遇到问题. 构造函数(道具){超级(道具);this.state = {去做 : '',待办事项:[]};};todoValue(待办事项){console.log(`收到应用中的待办事项:${todo}`);this.setState({todo});控制台日志(this.state.todo);} 在 ..
发布时间:2021-07-23 19:25:25 前端开发

React 官方文档中关于“setState"的阴霾

我正在阅读 react.js 官方文档.这是其中一个. 我对这一段感到困惑: setState() 总是会导致重新渲染,除非shouldComponentUpdate() 返回 false.如果可变对象被使用和条件渲染逻辑不能在shouldComponentUpdate(),只有当新状态出现时才调用 setState()与之前的状态不同将避免不必要的重新渲染. 问题:如果使用可变 ..
发布时间:2021-07-23 19:25:22 其他开发

如何设置状态从 APi 回答并使用地图

我正在尝试创建食谱搜索器.在 App.js 中,我收到来自另一个组件的搜索输入的查询,我想 setState 从 APi 回答.setState 中回调的 Console.log 显示更新状态,但状态未更新.我需要更新 setState 以便我可以在其上使用 map 并在 render 中显示食谱列表.它给我错误 map is not a function 因为 this.state.recipe ..
发布时间:2021-07-23 19:25:19 其他开发

反应,this.setState 不更新变量

This.setState() 适用于我组件中的几乎所有变量,但不是全部. 当我尝试设置状态变量的状态时,值不会改变,这是一种非常奇怪的行为. this.setState({ notSaved: size }, () => {console.log(this.state.notSaved, 'notSaved','size',size);});} console.log 的结果 ..
发布时间:2021-07-23 19:25:15 其他开发

根据对象数组形成组件

对于应用程序的设置页面,我实现了一个启用(绿色)或禁用(红色)状态的滑块.并且父级的设置是根据其子级的值计算的. //获取componnetDidMount里面的开关配置是这样的var obj = [{parent_header_name: "parent1",儿童信息:[{child_switch_name: "child1",已启用:真},{child_switch_name: "child ..
发布时间:2021-07-23 19:25:12 前端开发

带有列表中的小部件的 Flutter ListView 在它应该更新时不会更新

我正在尝试将要由 ListView 构建的小部件存储在这样的全局列表中: ListglobalList= []; 我正在尝试在像这样的有状态类的状态下构建 Listview: ListView(孩子: globalList) 现在我每次都尝试在将项目添加到列表时呈现此列表视图.我为此使用的功能是: void addList(){设置状态((){小部件 _widget = 新小部件();l ..
发布时间:2021-07-23 19:25:09 其他开发

根据状态值动态添加类,并根据父状态变化更改子内容

我正在为应用程序实现一个设置页面.对于每个设置,我都实现了一个启用(绿色)或禁用(红色)状态的滑块.但是 parent 的设置是只读的,并且是根据其 child 的值计算的. Parent 也应该是可变的;绿色的父母应该将所有孩子都变成绿色;在红色它应该是红色的;但待定它应该保持原样 为此,我为此切换开关使用了 react-multi-toggle. 另外,如果我想根据选择的状态 ..
发布时间:2021-07-23 19:25:06 其他开发

从 React props 获取数据

如何从 props 获取数据并确保数据正确到达.我的问题是,在我的类组件中,我从 props 接收警报,然后我想用警报渲染表,道具设置异步,我想确保数据到达并且我将能够设置状态.下面是我解决它的不好的尝试,但不起作用(console.log 都显示空数组): componentDidMount() {this.setState({开始日期:时刻().subtract(30, '天').star ..
发布时间:2021-07-23 19:25:03 前端开发

在 React 中将函数传递给 State

我是 React 的新手,有一个关于在状态中传递函数的问题.我的 util 文件夹中有几个“排序功能",如下所示: export const sortColdestSummerCountries = (filteredCountries) =>{返回filteredCountries.sort((a, b) =>a.avsummertemp20802099 - b.avsummertemp208 ..
发布时间:2021-07-23 19:25:00 前端开发

如何在不设置 React 应用程序状态的情况下在组件中执行更改?

如果按下左右箭头键,下面的组件将设置状态.因为每个按键都会执行两个设置状态,所以会导致一些性能问题.如何在不设置状态或仅设置一种状态的情况下更改按键? import { useState, useEffect } from “react";导出函数 useKeyPress(targetKey) {const [keyPressed, setKeyPressed] = useState(false ..
发布时间:2021-07-23 19:24:58 其他开发

react-table 上的行级操作:React Js

我正在尝试实现一个功能,在点击每一行时,我需要获取被点击的行的信息,并且相应的行颜色应该更改为其他颜色.当我使用 Ctrl+鼠标单击选择多行时,相应的行颜色也应该改变,并且需要以数组的形式获取相应行的信息.我需要一个通用的 getTrProps 函数来实现这两个.有人可以帮我解决这个问题 Codesandbox:https://codesandbox.io/s/react-table-row ..
发布时间:2021-07-23 19:24:54 其他开发

我正在尝试在 React 中使用 setState

我正在尝试将 setState 函数用于我的 App 类中的方法.. 当前代码示例: addRandomContact() {this.setState({演员:contacts.slice(0, 6)}) } 我希望我的联系人数组的长度从 5 更改为 6. 我收到的错误如下: TypeError: 无法读取未定义的属性“setState"addRandomContac ..
发布时间:2021-07-23 19:24:51 其他开发

基于当前状态在 React 中设置状态

在 React 中更新有状态组件时,如果组件使用当前状态来更新新状态,这被认为是一种不好的做法. 例如,如果我有一个类来存储过滤器在其状态下是否打开,那么就性能而言,这些更新状态的选项之一是否比另一个更可取? 选项 1: class Container extends Component {状态 = {显示:假}显示 = () =>this.setState({ 显示: true } ..
发布时间:2021-07-23 19:24:48 前端开发

我可以改变传递给 setState 函数的状态吗?

我知道我不应该直接在 React 中改变状态,但是当我使用函数时的情况如何: onSocialClick = e =>{const id = e.target.value;this.setState((prevState, props) => {prevState[id] = !(prevState[id]);返回上一个状态;});}; 修改传递的对象是错误的吗? 编辑: 事实证明 ..
发布时间:2021-07-23 19:24:43 其他开发

应该如何使用 ReactJS 中的 setState() 方法?

我是 ReactJS 的新手,我正在尝试理解 state 和 setState().使用 setState() 我想更改名称,但我不确定应该在代码中的何处调用 setState() 方法: 在构造函数内部 OR 渲染方法内部 OR 创建一个自定义方法并在调用render()之前在构造函数的末尾调用它 这是我的代码: 从“react"导入React;类 StateBasic 扩展了 ..
发布时间:2021-07-23 19:24:39 前端开发