React中setState方法当属性为变量时，赋值写法

最新推荐文章于 2023-08-18 14:49:13 发布

OnwardAndUpward

最新推荐文章于 2023-08-18 14:49:13 发布

阅读量1.4k

点赞数

文章标签： react java

本文链接：https://blog.csdn.net/JulyNight/article/details/119543322

版权

本文探讨了在React应用中管理状态的方法，通过示例展示了使用`setState`动态更新组件状态的方式，包括变量类型的设置与获取。对于复杂应用，理解如何正确地设置和获取state至关重要，因为它直接影响到组件的渲染和交互行为。

摘要由CSDN通过智能技术生成

type为变量

设置state写法

// 例一
this.setState({
  [`fileList${index}`]: index
})
// 例二
  this.setState({
    [type]: '对属性赋值'

获取state值写法

this.state[`${type}`]

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

OnwardAndUpward

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

React常见面试题目9w字|-3setState调用原理，批量更新，setState和replace ,getDefaultProps,props,state,制度的，

VAN

04-22

this.props是组件之间沟通的一个接口，原则上来讲，它只能从父组件流向子组件。React具有浓重的函数式编程的思想。提到函数式编程就要提一个概念：纯函数。它有几个特点：●给定相同的输入，总是返回相同的输出。●过程没有副作用。●不依赖外部状态。this.props就是汲取了纯函数的思想。props的不可以变性就保证的相同的输入，页面显示的内容是一样的，并且不会产生副作用。

通过表达式、函数给React组件属性赋值

weixin_30340775的博客

12-15

674

一、需求当有传属性name的值时，则显示Hello "name",否则显示Hello World 二、4种方式的代码实现 1.通过三元运算符 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>Docum...

参与评论您还未登录，请先登录后发表或查看评论

关于React的赋值与调用方法

anrudou0809的博客

08-24

997

#关于React的赋值与调用方法比如调用方法的时候我们可以这样来使用closeFrm() <div className = "infoFrm_close" onMouseOver = {this.closeFrm.bind(this)}></div> 其他的一些普通赋值比如 <input type="radio" name ="sex_r" value =...

React全家桶学习之ES6之Day2:变量的解构赋值

yangchunshang的博客

12-07

1735

1、数组的解构赋值基本用法 ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。代码： var[a,b,c] = [1,2,3]; 以上代码表示，可以从数组中提取值，按照对应位置，对变量赋值。这被称为“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。如果结构不成功，变量的值就等于undefined. 如：var [foo] = [ ]

js、react对象名和对象属性赋值

qq_36904182的博客

04-18

842

const resValue = {}; resValue[`standards${standardsNumber}`] = ""; Console.log(:test"，resValue )//

this.setState 的正确写法

villen_t的博客

06-19

7923

React Native 的 this.setState 同微信小程序的 this.setData 很类似，但是呢，写法却不一样，注意别混淆了写法一 import React, {Component} from 'react'; import { Platform, StyleSheet, View, Text, TextInput, ...

react native 语法ECMAScript 6 学习笔记----变量的解构赋值

wxq888的专栏

09-03

2298

变量的解构赋值 1：数组的解构赋值 ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。以前，为变量赋值，只能直接指定值。以前，为变量赋值，只能直接指定值。 var a = 1; var b = 2; var c = 3; ES6允许写成下面这样。 var [a, b, c] = [1

React 核心属性 -- state

weixin_53588068的博客

11-11

546

一、state的理解组件中的状态（state）里面存放数据，数据发生改变就会驱动页面，也就是state里面主要存放数据，state是属于组件实例上的，而并非组件类上的。组件自定义的方法中this的指向为undefined的解决方法？第一种解决方法：强制绑定this，通过bind()方法改变方法中的this 指向，bind()会生成新的函数，性能上的效率不高，this指向具体实例。第二种解决方法：使用箭头函数，箭头函数的this指向所在的作用域。例：onClick={()=&gt..

前端成长之路（一）react中setState需要注意的几点及嵌套state的更新

Root的博客

10-17

2381

一直没有对setState有什么很深入的了解，最近阅读了一些文章，深感setState的运用并不简单 setState的使用不当，很有可能会导致一些莫名其妙的bug 首先：setState并不保证同步执行调用setState后，并不会直接改变state的值，而是会产生一个即将处理的state改变。在调用setState之后立即查看，有可能值并没有改变。所以，setState并没有办法保持同步，r...

React和Vue中监听变量变化的方法

明月如霜丶

12-09

3600

React 中本地调试React代码的方法 yarn build 场景假设有这样一个场景，父组件传递子组件一个A参数，子组件需要监听A参数的变化转换为state。 16之前在React以前我们可以使用 componentWillReveiveProps 来监听 props 的变换 16之后在最新版本的React中可以使用新出的 getDerivedStateFromProps 进行prop...

React学习——三大属性之一 state

weixin_39927469的博客

07-07

1879

React基础学习。学习三大属性之一，state。主要用于表示状态。

React三大属性详解

Darlingmi的博客

02-27

1344

React三大属性 props属性、ref属性、state属性 setState到底是同步还是异步？

React中setState方法当属性为变量时如何赋值

qq_37161741的博客

08-23

908

React中setState方法当属性为变量时如何赋值

React如何修改深层state属性

每个人为不同的理由带着面具说谎，动机也只有一种名字那叫做欲望

06-28

915

遇到的环境： this.state=({ key:1, funcTree:null, checkedKeys:[], searchCard:{ searchCard:"",, cardKey:0, selectedKey:"", expandKeys:[], }, drawer:{ drawerKey:1, isShow:false, data:[1,2,3] } }); 上面.

深入理解setState

花先生的博客

09-09

244

setState() 并不总是立即更新组件。它会批量推迟更新。这使得在调用 setState() 后立即读取 this.state 成为了隐患。 setState中可以传入一个函数，这个函数接受两个参数state 和 props 都保证为最新。 setState() 的第二个参数为可选的回调函数，它将在 setState 完成合并并重新渲染组件后执行。 setState到底是怎样的？是同步的还是异步的？还有它的批量更新翻阅了好几篇博客，加上自己的验证觉得最合理的如下： react中的setState通

setState的新版用法

lee727n的博客

08-12

559

1.新版本的react更新了setState的用法，可以使用箭头函数赋值，效率更高。 <div> <label htmlFor="insertArea">输入内容</label> <input id="insertArea" className='input' value={this.state.inputValue} onChange={this.handleInputChange}

React使用详解(学习笔记)

weixiaohuai的博客

09-06

2233

一、定义变量修饰符 1、const：定义常量时用 const name = “weishihuai”; //const表示常量，类似java的final name = “hello weishihuai”; //编译出错，常量不能被修改，必须在定义时赋值 2、var：现在一般放在方法外部使用 var name ; //在方法中定义作为局部变量，在方法外定义作为全局变量 name = “we...

React -- useState 的使用及注意事项