setstate相关内容

根据对象数组中存在的属性设置状态:React + Typescript

我想根据对象数组中存在的属性在react中设置状态. 看起来类似的代码沙箱: https://codesandbox.io/s/sleepy-lamarr -0sbdz 此提交功能在SelectComponent.tsx中以SubmitSelection()的形式出现,在该控制台中,控制台已记录问题的状态.一样 我有一个看起来像这样的状态对象: this state = { ..
发布时间:2020-07-31 00:58:46 前端开发

为数据表的所有列构造状态对象以进行排序:React JS

需要构造一个状态对象,该对象将有助于维护字段名和排序类型(升序/降序). 我正在尝试通过获取列名和排序类型(asc或des)来实现在服务器端进行排序的排序. 我正在维护数据表的组件,在其中添加了一个单击处理程序,该单击处理程序基本上应提供要单击的字段名称和排序类型.我可以对fieldnam进行硬编码,但是如何将每个列与排序类型进行映射. 我只需要将字段名称和类型发送给后端,然后它 ..
发布时间:2020-07-31 00:54:15 前端开发

以父组件内对象的形式从所有子组件获取合并数据:React JS

我正在为应用程序设置一个设置页面.对于每个设置,我都实现了一个启用(绿色)或禁用(红色)状态的滑块.但是父级的设置是只读的,并且是根据其子级的值计算的. 父级的设置派生如下:如果所有子级均为红色,则父级保持红色;否则,父级保持红色.如果所有的都是绿色的,父母保持绿色;如果孩子的至少一个是绿色的,则父母保持灰色(待定). 这些设置分为以下几类: 父项功能1 :(只读) Se ..
发布时间:2020-07-31 00:53:05 前端开发

使用ReactJS隐藏/显示内容

我正在尝试实现“显示更多/显示更少".到目前为止,我已经能够调出一个ItemViewer组件,在其中显示项目列表.对于每个部分,都有“显示更多/显示更少"链接.每当项目数大于3时,“显示更多"应该是可见的,并且应该能够切换(“显示更多"/“显示更少").当项目数少于3时,不要显示链接.同样,当没有数据时,显示“找不到数据". 我想出了一个沙箱: https://codesandbox.io/ ..
发布时间:2020-07-31 00:43:08 前端开发

如何在StatefullWidget中将另一个布尔值更改为另一个?

我是Flutter的新手. 我正在尝试通过按一个按钮来打开面板,而不是通过按该面板上的按钮来关闭它. 我已经设法通过在同一页中编写代码来做到这一点. 我不能做的就是拆分代码并保持一切正常工作. 我实际上正在做的是在初始化为False的小部件的状态中调用变量,然后使用if语句调用:或者是我想要的空容器或面板. 当我按下按钮时,我调用SetState(){},变量变为tr ..
发布时间:2020-07-10 00:17:04 其他开发

设置值以声明React js

我需要一些帮助. 我是新来的反应者,所以我被困在这里.我共享了一个sandbox框链接.包含一个表.如下 |玩具|可用颜色|可用费用| 现在一切正常.但是我想将表的数据保存如下 detail状态应包含表的行值的列表,而columnsValues应包含Color Available和Cost Available 的复选框值 示例: this.state.detail喜欢 ..
发布时间:2020-07-09 23:36:46 其他开发

如何添加新的键值以反应js状态数组?

我想向数组ınto状态添加新的键值吗?我在下面告诉你我想做什么.我怎样才能做到这一点? 1.以构造方法启动状态 `this.state = { files: [] }' 使用活动文件设置状态之后 this.setState({files:activeFiles}) 显示我的状态 { files: [ { key1: val1, key2: val2, key3: ..
发布时间:2020-07-09 23:28:47 其他开发

使用重绘为CustomPainter动画,同时还可以在Flutter中检索Controller.value

我一直在环顾四周,看来给CustomPainter设置动画最有效且资源友好的方法是将其传递给AnimationController作为可重绘的可监听对象,而不是使用SetState().我已经尝试过这种方法,但是不幸的是,我的CustomPaint对象需要一个变量,该变量既可以由controller.value设置,也可以由拖动期间用户指针的位置设置. class CustomScrolle ..
发布时间:2020-07-07 18:46:55 其他开发

更改Scaffold.body值后如何在抽屉中隐藏抽屉

我正在使用这个问题中的方法来改变脚手架的主体: Flutter Drawer小部件-更改Scaffold.body内容 所描述的方法非常有效.现在,我只希望抽屉在用户点击其中一项后自动关闭. 我尝试使用Navigator.pop()方法,但它会弹出整个屏幕,而不仅仅是弹出窗口.它让我的屏幕全黑了. 有什么建议吗? 解决方案 您是否完全使用Navigator.of(c ..
发布时间:2020-07-06 05:50:03 其他开发

React方法中的多个setState()调用:如何使其“同步"工作?

所以我的React应用程序出现问题,我遇到了一种特殊情况,即我需要在一个方法中进行多个setState()调用,然后让代码运行 AFTER .下面的代码是一个对话框,用于在网站上添加帐户. import React from 'react'; import Dialog from 'material-ui/Dialog'; import FlatButton from 'material-u ..
发布时间:2020-05-06 10:22:09 前端开发

如何使用Lodash _.find()和setState()更改状态中的值?

我正在尝试使用lodash的find方法来基于一个属性确定索引.就我而言,这是宠物的名字.之后,我需要使用setState将采用的值更改为true.但是问题是;我不明白如何结合使用setState和_.find() 截至目前,我已经写了这篇文章.我的主要问题是弄清楚该如何完成. adopt(petName) { this.setState(() => { let ..
发布时间:2020-05-03 06:27:43 其他开发

反应:如何在AddListener()中使用setState?

我有一个方法,可以在您单击按钮之前,对尚不存在的数据调用addListener.但是,当我尝试在状态中设置该数据时,出现以下错误: TypeError:this.setState不是函数 我试图像这样绑定我的dataHandler: this.dataHandler = this.dataHandler.bind(this) 但是它仍然返回此错误.我在这里忘记了什么? ..
发布时间:2020-05-02 09:40:33 其他开发

反应:状态不更新第一次点击

我正在处理购物车示例. 每次单击时,我都将项目的对象添加到Cart数组中. 第一次单击添加购物车按钮时,它不会更新购物车,但是会第二次更新. 尽管如此,当我单击渲染器的return语句中的viewCart按钮时,它会显示购物车中物品的准确数量. 请参阅下面的代码: 我需要能够查看购物车中准确的物品数量,而无需单击viewCart按钮.这些产品来自本地JSON文件,因此我认为JSO ..
发布时间:2020-04-25 03:22:29 前端开发